发表于: 2016-07-25 23:34:45
0 2410
- 今天完成的事情:看Angular.开始写task2-4;
明天计划的事情:继续看Angular。
遇到的问题:又到了全是问题的时候。
收获:
指令:
ng-app指令。一个AngularJS应用程序初始化就完成了并标记了作用域,也就是div元素就是AngularJS应用程序的"所有者",在它里面的指令也就会被Angular编译器所编译、解析了。

ng-init指令。初始化应用程序数据,也就是为AngularJS应用程序定义初始值,通常情况下,我们会使用一个控制器或模块来代替它,后面我们会介绍有关控制器和模块的知识。

ng-model指令。在AngularJS中,只需要使用ng-model指令就可以把应用程序数据绑定到HTML元素,实现model和view的双向绑定。

ng-bind指令:ng-bind和AngularJS表达式{{}}有异曲同工之妙,但不同之处就在于ng-bind是在angular解析渲染完毕后才将数据显示出来的。

ng-click指令。将DOM元素的鼠标点击事件(即mousedown)绑定到一个方法上,当浏览器在该DOM元素上鼠标触发点击事件时,Angular就会调用相应的方法。
ng-hide指令。设置html元素不可见。
ng-repeat指令。遍历一个数据集合中的每个数据元素,并且加载HTML模版把数据渲染出来,当我们要向HTML容器节点中添加更多类似DOM元素的时候,使用ng-repeat是再好不过了。

Angular路由:
angular.module(name , [requires] , [configFn)创建、获取、注册angluar中的模块。
name:代表模块名称。
requires:代表模块所依赖的其他模块。
configFn:用来对该模块进行一些配置。
$locationProvider。配置location服务。参数如下:
- html5Mode(模式): {boolean}
true - 参阅HTML5模式
false - 参阅Hashbang模式
default: false
- hashPrefix(前缀): {string}(默认)
Hashbang URLs的前缀 (在Hashbang模式中或者低级浏览器中使用)
default: '!'
区别:
Hashbang模式 | HTML5模式 | |
配置 | 默认 | { html5Mode: true } |
URL格式 | 所有浏览器都支持hashbang URLs | 在高级浏览器中使用regular URLs,低级浏览器使用hashbang URLs |
<a href=""> 链接重写 | 否 | 是 |
需要服务器端配置 | 否 | 是 |
$urlRouterProvider:配置默认路由。(定向到这个地址)

同样可用。

ui-sref="url.html":跳转页面传递数据
评论