[angularjs] AngularJs 知识回顾

AngularJs 知识回顾

简介

　　1.通过指令扩展了 HTML，通过表达式绑定数据到 HTML；

　　2.一个 Js 框架；

　　3.指令： 通过被称为 指令 的新属性来扩展 HTML， 即为应用添加新功能

      　　ng-directives 扩展了 HTML

      　　ng-app 指令定义一个 AngularJS 应用程序

      　　ng-model 指令把元素值（比如输入域的值）绑定到应用程序，一个作用域的变量。

      　　ng-bind 指令把应用程序数据绑定到 HTML 视图

      　　ng-init 指令初始化 AngularJS 应用程序变量

　　4.表达式： 把数据绑定到 HTML

      　　表达式写在双大括号内：{{ expression }}

      　　表达式把数据绑定到 HTML，这与 ng-bind 指令有异曲同工之妙

　　5.

     　　模块（Module） 定义了 AngularJS 应用。

     　　控制器（Controller） 用于控制 AngularJS 应用。

     　　ng-app 指令定义了应用, ng-controller 定义了控制器。

 

指令

     1.前缀 ng-；

     2.ng-app：初始化一个 AngularJS 应用程序；

     3.ng-init：初始化变量。

     4.ng-model 指令把元素值（比如输入域的值）绑定到应用程序。

     5.ng-repeat：表示重复输出.

　　6.创建自定义的指令

     6.重复 HTML 元素

     7.创建自定义的指令

 

作用域（$scope）

　　1.应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带

　　2. 是一个对象，有可用的方法和属性

　　3.

• View(视图)，即 HTML。

• Model(模型)，当前视图中可用的数据。

• Controller(控制器)，即 Js 函数，可以添加或修改属性。

• scope 是模型。

  scope 是一个 JavaScript 对象，带有属性和方法，这些属性和方法可以在视图和控制器中使用。

 

过滤器

　　1.过滤器可以使用一个管道字符（|）添加到表达式和指令中。

 

服务

　　1.在 AngularJS 中，服务是一个函数或对象，在你的 AngularJS 应用中使用。　　

　　2.$location 服务，它可以返回当前页面的 URL 地址。

　　3.$http 服务，该服务向服务器发送请求，应用响应服务器传送过来的数据。

　　4.创建自定义服务