一、基本
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
初始化