學(xué)習(xí)一下AngularJS,由于目前很多公司還在使用2.0以下版本呈野,先學(xué)習(xí)1.0+版本
1低矮、ng-app 設(shè)置模塊??
2、ng-init 初始化?ng-init="a = 1">
3被冒、ng-model = 'b' 綁定變量
4军掂、ng-bind = 'a' 綁定
5、ng-click ='add()'? ??
// ng-click="switch(item)"> item傳值
6昨悼、ng-controller = 'demoController'
7谤祖、 ng-repeat? ? ? <li ng-repeat="item in users" >? ?{{item}}
8卵沉、 ng-if = 'show' 判斷是否顯示
9、ng-show\ ng-hide?= 'show'?
10、img ng-src="{{image_url}}" alt=""
11嗡官、li ng-class="{bgBlue:show}">ng-class
12耸序、ng-cloak 解決閃爍問(wèn)題拟逮,數(shù)據(jù)沒(méi)有被填充時(shí)告丢,顯示花括號(hào){{}}
13、事件 ng-click? ng-blur? ?ng-mouseout = 'fn()';
示例:
var app =angular.module('app',[]);
app.controller('actrl',['$scope',function($scope){
$scope.show= true;
$scope.hello ='hello world';
$scope.users= [{name:'小明'},{name:'小白'},{name:'小黑'},{name:'小紅'}];
$scope.add =function(){
alert($scope.hello);
};
}]);