AngularJS 基本指令

学习一下AngularJS,由于目前很多公司还在使用2.0以下版本，先学习1.0+版本

1、ng-app 设置模块  

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 解决闪烁问题，数据没有被填充时，显示花括号{{}}

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);

};

}]);