AngularJS基本知识整理

一、基本

ng-app 指令定义一个 AngularJS 应用程序。
ng-model 指令把输入域的值绑定到应用程序变量
ng-bind 指令把应用程序变量绑定到某个段落的 innerHTML。

二、AngularJS可以干嘛？

1：AngularJS把应用程序数据绑定到 HTML 元素。
2：AngularJS 可以克隆和重复 HTML 元素。
3：AngularJS可以隐藏和显示 HTML 元素。
4：AngularJS 可以在 HTML 元素"背后"添加代码。
5：AngularJS 支持输入验证。

HTML5 允许扩展的（自制的）属性，以 data- 开头。AngularJS 属性以 ng- 开头，但是您可以使用 data-ng- 来让网页对 HTML5 有效。

**AngularJS 模块定义应用:var app = angular.module('myApp', []);
AngularJS 控制器控制应用:
app.controller('myCtrl', function($scope) { $scope.firstName= "John"; $scope.lastName= "Doe";});

---

****ng-model指令也可以****：

1：为应用程序数据提供类型验证number、email、required。
2：为应用程序数据提供状态invalid、dirty、touched、error。
3：为 HTML 元素提供 CSS 类。
4：绑定 HTML 元素到 HTML 表单。

****你可以通过以下方式来调用指令：****
1：元素名
2：属性
3：类名
4：注释

---

restrict 值可以是以下几种:
1：E 只限元素名使用
2：A 只限属性使用
3：C只限类名使用
4：M只限注释使用

---

ng-repeat循环
ng-init初始化