[JavaScript知识库]AngularJS

AngularJS?是一个?JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。

AngularJS 通过?指令?扩展了 HTML，且通过?表达式?绑定数据到 HTML。

AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。

1.AngularJS 扩展了 HTML

AngularJS 通过?ng-directives?扩展了 HTML。

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

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

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

2.AngularJS 表达式

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

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

AngularJS 将在表达式书写的位置"输出"数据。

AngularJS 表达式?很像?JavaScript 表达式：它们可以包含文字、运算符和变量。

3.AngularJS 指令

AngularJS 指令是扩展的 HTML 属性，带有前缀?ng-。

ng-app?指令初始化一个 AngularJS 应用程序。

ng-init?指令初始化应用程序数据。

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

4.AngularJS?模块

模块定义了一个应用程序。

模块是应用程序中不同部分的容器。

模块是应用控制器的容器。

控制器通常属于一个模块。

通过 AngularJS 的?angular.module?函数来创建模块

5.AngularJS 控制器

AngularJS 应用程序被控制器控制。

ng-controller?指令定义了应用程序控制器。

控制器是?JavaScript 对象，由标准的 JavaScript?对象的构造函数?创建。

6.AngularJS?Scope(作用域)

Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。

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

7.AngularJS 服务(Service)

AngularJS 中你可以创建自己的服务，或使用内建服务。

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

AngularJS 内建了30 多个服务。

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

$http?是 AngularJS 应用中最常用的服务。 服务向服务器发送请求，应用响应服务器传送过来的数据。

$timeout 服务对应了 JS?window.setTimeout?函数。

$interval?服务对应了 JS?window.setInterval?函数。

8.AngularJS Select(选择框)

使用 ng-options 创建选择框

在 AngularJS 中我们可以使用?ng-option?指令来创建一个下拉列表，列表项通过对象和数组循环输出

9.AngularJS?表格

ng-repeat 指令可以完美的显示表格。

10.AngularJS?事件

ng-click?指令定义了 AngularJS 点击事件

11.AngularJS 依赖注入

wiki 上的解释是：依赖注入（Dependency Injection，简称DI）是一种软件设计模式，在这种模式下，一个或更多的依赖（或服务）被注入（或者通过引用传递）到一个独立的对象（或客户端）中，然后成为了该客户端状态的一部分。

该模式分离了客户端依赖本身行为的创建，这使得程序设计变得松耦合，并遵循了依赖反转和单一职责原则。与服务定位器模式形成直接对比的是，它允许客户端了解客户端如何使用该系统找到依赖