AngularJs learning notes overview

前端之家收集整理的这篇文章主要介绍了AngularJs learning notes overview前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
  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表达式支持过滤器。

猜你在找的Angularjs相关文章