一峡懈、基本
ng-app
指令定義一個(gè) AngularJS 應(yīng)用程序。
ng-model
指令把輸入域的值綁定到應(yīng)用程序變量
ng-bind
指令把應(yīng)用程序變量綁定到某個(gè)段落的innerHTML
胖笛。
二、AngularJS可以干嘛宜岛?
1:
AngularJS
把應(yīng)用程序數(shù)據(jù)綁定到 HTML 元素长踊。
2:AngularJS
可以克隆和重復(fù) HTML 元素。
3:AngularJS
可以隱藏和顯示 HTML 元素谬返。
4:AngularJS
可以在 HTML 元素"背后"添加代碼之斯。
5:AngularJS
支持輸入驗(yàn)證。
HTML5 允許擴(kuò)展的(自制的)屬性,以 data-
開(kāi)頭佑刷。AngularJS 屬性以 ng-
開(kāi)頭莉擒,但是您可以使用 data-ng-
來(lái)讓網(wǎng)頁(yè)對(duì) HTML5 有效。
**AngularJS 模塊定義應(yīng)用:var app = angular.module('myApp', []);
AngularJS 控制器控制應(yīng)用:
app.controller('myCtrl', function($scope) { $scope.firstName= "John"; $scope.lastName= "Doe";});
****ng-model指令也可以****:
1:為應(yīng)用程序數(shù)據(jù)提供類型驗(yàn)證
number瘫絮、email涨冀、required
。
2:為應(yīng)用程序數(shù)據(jù)提供狀態(tài)invalid麦萤、dirty鹿鳖、touched、error
壮莹。
3:為 HTML 元素提供 CSS 類翅帜。
4:綁定 HTML 元素到 HTML 表單。
****你可以通過(guò)以下方式來(lái)調(diào)用指令:****
1:元素名
2:屬性
3:類名
4:注釋
restrict 值可以是以下幾種:
1:E 只限元素名使用
2:A 只限屬性使用
3:C只限類名使用
4:M只限注釋使用
ng-repeat
循環(huán)
ng-init
初始化