码迷,mamicode.com
首页 > Web开发 > 详细

AngularJs learning notes overview

时间:2017-03-26 14:38:22      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:angularjs

  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表达式支持过滤器。


 


本文出自 “11885445” 博客,请务必保留此出处http://11895445.blog.51cto.com/11885445/1910444

AngularJs learning notes overview

标签:angularjs

原文地址:http://11895445.blog.51cto.com/11885445/1910444

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!