AngularJS简介

前言：

在之前师哥就为我们分享过AngularJS,可那是后的我却以为AngularJS离我很遥远，一直没有做进一步的总结学习，直到现在不得不总结的时候才开始紧张的总结，真的是一个很不好的习惯，大家要引以为戒哟~~。

简介：

AngularJS是一个JS框架，通过<script>标签添加到html页面。

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

什么是AngularJS：

AngularJS 使得开发现代的单一页面应用程序（SPAs：Single PageApplications）变得更加容易。

AngularJS 把应用程序数据绑定到 HTML 元素。

AngularJS 可以克隆和重复 HTML 元素。

AngularJS 可以隐藏和显示 HTML 元素。

AngularJS 可以在 HTML 元素"背后"添加代码。

AngularJS 支持输入验证。

指令：

是以ng作为前缀的HTML属性

<div ng-app="" ng-init="firstName='John'"> <p>姓名为 <span ng-bind="firstName"></span></p> </div>

表达式：

写在双大括号内：{{expression}}

<div ng-app="">     <p>我的第一个表达式： {{ 1 + 1}}</p></div>

AngularJS应用：

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

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

ng-app指令：定义了指令

ng-controller：定义了控制器

自定义指令：

使用 .directive 函数来添加自定义的指令。

可以通过一下方式来调用指令

*元素名

*属性

*类名

*注释

restrict：

可以限制你的指令只能通过特定的方式来调用。

restrict 值可以是以下几种:

• E 作为元素名使用

• A 作为属性使用

• C 作为类名使用

• M 作为注释使用

restrict 默认值为 EA,即可以通过元素名和属性名来调用指令。

依赖注入：

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

以下5个组件用来作为依赖注入：

value、factory、service、provider、constant

总结：

AngularJS通过新的属性和表达式扩展了 HTML。它可以构建一个单一页面应用程序（SPAs：Single PageApplications）。