大家好,又见面了,我是你们的朋友全栈君。 1.
AngularJS 通过 ng-directives 扩展了 HTML。
ng-app 指令定义一个 AngularJS 应用程序。
ng-model 指令把元素值(比如输入域的值)绑定到应用程序。
ng-bind 指令把应用程序数据绑定到 HTML 视图。
2.
HTML5 允许扩展的(自制的)属性,以 data- 开头。
AngularJS 属性以 ng- 开头,但是您可以使用 data-ng- 来让网页对 HTML5 有效。33.3.
3. AngularJS 模块(Module) 定义了 AngularJS 应用。
AngularJS 控制器(Controller) 用于控制 AngularJS 应用。
ng-app指令指明了应用, ng-controller 指明了控制器。
4.
AngularJS 表达式 与 JavaScript 表达式 类似于 JavaScript 表达式,AngularJS 表达式可以包含字母,操作符,变量。
与 JavaScript 表达式不同,AngularJS 表达式可以写在 HTML 中。
与 JavaScript 表达式不同,AngularJS 表达式不支持条件判断,循环及异常。
与 JavaScript 表达式不同,AngularJS 表达式支持过滤器。
5.
<li> 标签定义列表项目。
<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
6.
AngularJS 完美支持数据库的 CRUD(增加Create、读取Read、更新Update、删除Delete)应用程序。
7.
ng-repeat 指令对于集合中(数组中)的每个项会 克隆一次 HTML 元素
8.
可以使用 .directive 函数来添加自定义的指令。 9.
通过添加 restrict 属性,并设置值为 “A”, 来设置指令只能通过属性的方式来调用:
restrict 值可以是以下几种:
E 作为元素名使用 A 作为属性使用 C 作为类名使用 M 作为注释使用 restrict 默认值为 EA, 即可以通过元素名和属性名来调用指令。
10.
ng-model是用于表单元素的,支持双向绑定。对普通元素无效; ng-bind用于普通元素,不能用于表单元素,应用程序单向地渲染数据到元素;
当ng-bind和{ {}}同时使用时,ng-bind绑定的值覆盖该元素的内容。
11.
AngularJS 应用组成如下:
View(视图), 即 HTML。
Model(模型), 当前视图中可用的数据。
Controller(控制器), 即 JavaScript 函数,可以添加或修改属性。
scope 是模型。
scope 是一个 JavaScript 对象,带有属性和方法,这些属性和方法可以在视图和控制器中使用。
12.
在模块定义中 [] 参数用于定义模块的依赖关系。 中括号[]表示该模块没有依赖,如果有依赖的话会在中括号写上依赖的模块名字
13
JavaScript 中应避免使用全局函数。因为他们很容易被其他脚本文件覆盖。 AngularJS 模块让所有函数的作用域在该模块下,避免了该问题。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/164215.html原文链接:https://javaforall.cn