AngularJS是由谷歌公司及一个由开发者组成的个人社区共同打造。其主要优势在于帮助使用者在web应用程序中实现必要的动态视图。它是通过原生的MVC(模型-视图-控制器)功能来增强HTML。
PS:MVC是一种软件架构设计模式,它将表现从用户交互中分离出来。模型---》应用的数据+与数据进行交互的方法,视图---》将数据呈现给用户,控制器---》二者的桥梁。即一个函数,用来向视图的作用域中添加额外的功能。
ng-app---->>声明所有被其包含的内容都属于这个AngularJS应用。只有被具有ng-app属性的DOM元素包含的元素才受AngularJS影响。
ng-model---->>将内部数据模型对象($scope)中的name属性绑定到文本输入字段上。(ps:$scope对象是一个简单的Javascript对象,他可以被视图访问,也可以和控制器进行交互)
<input ng-model="name" type="text" placeholder="yourname">
<p>hello {{name}}</P>
ng-controller---->>声明所有被它包含的元素都属于某个控制器。
<div ng-controller="textController">
<input ng-model="name" type="text">
<p>hello {{name}}</p>
</div>
作用域:视图和控制器之间的胶水。即视图模型。
$rootScope是所有$scope对象的最上层。算是全局作用域的对象。
AngularJS应用的模板中使用的标记:
指令:将DOM元素增强为可复用的DOM组件的属性或元素;
值绑定:模板语法{{}}可将表达式绑定带视图上。
过滤器:在视图中使用的函数,用来进行格式化。
表单控件:用来验证用户输入的控件。