AngularJs learning notes overview

发布时间：2020-12-17 09:26:29 所属栏目：安全来源：网络整理

导读：建议把脚本放在 body 元素的底部。这会提高网页加载速度，因为 HTML 加载不受制于脚本加载。 2. AngularJS 通过 ng-directives 扩展了 HTML 。 ng-app 指令定义一个 AngularJS 应用程序。（如果您移除了 ng-app 指令， HTML 将直接把表达式显示出

建议把脚本放在<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表达式支持过滤器。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!