发表于: 2017-05-02 23:29:20

1 1014



今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)        

配置项目的路由,在几个页面中做单页面跳转      


             
明天计划的事情:(一定要写非常细致的内容) 

 

angular双向绑定    

angular指令ng-model   

angular添加事件      

angular表单验证

遇到的问题:(遇到什么困难,怎么解决的)       

           

ng-app:声明AngularJS应用程序的根元素,根据该元素可以用于声明绑定并定义行为。

ng-bind:将DOM元素的文本设置为表达式的值。例如,<span ng-bind =“name”> </ span>在span元素中显示“name”的值。在应用程序范围内对变量“name”的任何更改都将立即反映在DOM中。

ng-model:类似于ng-bind,但是在视图和范围之间建立双向数据绑定。

ng-model-options:提供模型更新如何完成的调整。

ng-class:让类属性动态加载。

ng-controller:指定评估HTML表达式的JavaScript控制器类。

ng-repeat:从集合中的每个项目实例化一个元素。

ng-show & ng-hide:有条件地显示或隐藏元素,具体取决于布尔表达式的值。显示和隐藏通过设置CSS显示样式来实现。

ng-switch:根据选择表达式的值,有条件地从一组选择中实例化一个模板。

ng-view:基本指令负责处理由指定控制器驱动的渲染模板之前解析JSON的路由。

ng-if:如果条件为真,则基本if语句指令实例化以下元素。当条件为false时,元素将从DOM中删除。当为true时,重新插入已编译元素的克隆。

ng-aria:用于辅助功能支持常见ARIA属性的模块。

ng-animate:一个模块支持现有的核心和自定义指令中的JavaScript,CSS3转换和CSS3关键帧动画挂钩。

ng-table:在AngularJS上排序和过滤的简单表

         
收获:(通过今天的学习,学到了什么知识)


//app.js中配置项目的路由,使之可以在几个页面中做单页面跳转
var myApp = angular.module("myApp", ['ui.router']);
//声明AngularJS模块, 并把ui-router传入AngularJS主模块,所有的结合起来我们就得到了Angular模块。
//这里叫做App模块,这将告诉HTML页面这是一个AngularJS作用的页面,它的内容由AngularJS引擎来解释。
myApp.config(function ($stateProvider, $urlRouterProvider) {
//声明了把 $stateProvider $urlRouteProvider 路由引擎作为函数参数传入,这样我们就可以为这个应用程序配置路由了.
   $urlRouterProvider.when("", "/tab");
//如果没有路由引擎能匹配当前的导航状态,那它就会默认将路径路由至 tab.html, 这个页面就是状态名称被声明的地方. 只要理解了这个,那它就像switch case语句中的default选项.
   $stateProvider
       .state("tab", {
           url: "/tab",
           templateUrl: "tab.html"
       })
       //index.html页面第一个显示出来的状态,作为页面被加载好以后第一个被使用的路由.
       .state("tab.backstage", {
           url:"/backstage",
           templateUrl: "backstage.html"
       })
       .state("tab.list", {
           url:"/list",
           templateUrl: "list.html"
       })
       .state("tab.details", {
           url:"/details",
           templateUrl: "details.html"
       });
})
;



返回列表 返回列表
评论

    分享到