ITPub博客

首页 > IT职业 > IT生活 > AngularJs learning notes overviewa

AngularJs learning notes overviewa

IT生活 作者:lzg215 时间:2021-09-09 10:03:07 0 删除 编辑
  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表达式支持过滤器。


 


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/420/viewspace-2815633/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: 常用Git操作
请登录后发表评论 登录
全部评论

注册时间:2020-07-23

  • 博文量
    0
  • 访问量
    754