AngularJS-study亦混点对比-01

ng-bind VS ng-bind-template

ng-bind:

ng-bind-template

ng-bind-template在指令中可以使用模板，显示的话必须是表达式语法,否则在这里面都是字符串

ng-include

ng-include可以引入其他页面，注意一定要加'',否则会当成变量

$scope VS controller-as

$scope

controller('MainCtrl',['$scope',function($scope){
    //声明一个变量
    $scope.name = "Tom";
}

controller-as

视图中

使用ctrl {{ ctrl.name }}

控制器中

 controller('MainCtrl',[function(){
    //声明一个变量
   var self = this;
   self.name = "Tom";
}

ng-href VS ng-src

这个不多讲了，直接上代码

![]({{ ctrl.obj.src }})

ng-show VS ng-hide

showH2

hideH2 

ng-class的两种用法

1、通过对象数组的方法

视图

控制器

实现很简单，就是当className为true的时候class为change1，相反则为change2。
但是有一点不好的只能够让一个元素拥有两种状态

2、通过key/value

视图

    hello world

控制器

angular.module('myApp',[])
        .controller('MyCtrl',[function(){
            var self = this;
            self.select1 = true;
        }]);

当select1为true的时候，class则为class1，个人认为这个是比较推荐的，可以弥补第二种方式的缺憾~