手记

AngularJs learning notes overviewa

  1. 建议把脚本放在<body> 元素的底部。这会提高网页加载速度,因为 HTML 加载不受制于脚本加载。

   2. AngularJS 通过ng-directives 扩展了HTML。

ng-app 指令定义一个AngularJS 应用程序。(如果您移除了ng-app指令,HTML将直接把表达式显示出来,不会去计算表达式的结果。)

ng-model 指令把元素值(比如输入域的值)绑定到应用程序。(likethe index of input value)

ng-bind 指令把应用程序数据绑定到HTML 视图。

ng-init指令初始化AngularJS 应用程序变量。

 

3.HTML5 允许扩展的(自制的)属性,以data-开头。
AngularJS 属性以ng-开头,但是您可以使用data-ng-来让网页对 HTML5 有效。

 

4. AngularJS 表达式写在双大括号内:`expression `

AngularJS 表达式把数据绑定到 HTML,这与ng-bind 指令有异曲同工之妙。

AngularJS 将在表达式书写的位置"输出"数据。

AngularJS 表达式很像JavaScript表达式:它们可以包含文字、运算符和变量。

实例 {{ 5 + 5 }} 或 {{ firstName + " "+ lastName }}


5. AngularJS 模块(Module定义了AngularJS应用。

AngularJS 控制器(Controller用于控制 AngularJS 应用。

ng-app指令定义了应用,ng-controller 定义了控制器。


6. 类似于 JavaScript 表达式,AngularJS 表达式可以包含字母,操作符,变量。

与 JavaScript 表达式不同,AngularJS表达式可以写在 HTML 中。

与 JavaScript 表达式不同,AngularJS表达式不支持条件判断,循环及异常。

与 JavaScript 表达式不同,AngularJS表达式支持过滤器。


 


0人推荐
随时随地看视频
慕课网APP