AngularJS笔记

桃扇骨 2022-05-28 04:05 157阅读 0赞

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.

在模块定义中 \[\] 参数用于定义模块的依赖关系。  
      中括号\[\]表示该模块没有依赖，如果有依赖的话会在中括号写上依赖的模块名字

JavaScript 中应避免使用全局函数。因为他们很容易被其他脚本文件覆盖。  
    AngularJS 模块让所有函数的作用域在该模块下，避免了该问题。