angularJS的ng-hide坑---记录

**最大的改变就是总感觉时间不够用

Success

长话短说

   今天有幸用到angularJS,讲实话好早之前就听过了，只不过一直没有机会使用，好在今天要翻新一下之前的代码，所有有幸接触到angularJS。

坑记录

   我在翻新之前一个团队写的Dubbo监控这块的代码，后端的话就不多讲了，但是前端的话还是使用的angularJS，虽然之前没用过，不过学习起来还是很简单的。
   下面直接讲遇到的坑。

正确写法

js页面中

    $httpWrapper.post({
        url: "xxxxx",
        success: function (data) {
        	//设置的全局参数
            $scope.thisUserNameData=data;
            $scope.thisUserRole=data;
        }
    });

html页面中

   <div class="col-md-7 col-xs-7 col-lg-7 col-sm-7" ng-hide="thisUserRole!='Admin'">
           <a href="#/admin/override/{{serviceKey}}/add"><i class="icon-plus" title="新建动态配置"></i> 新建动态配置 </a>&nbsp;| &nbsp;
           <a href="javascript:void(0);" ng-click="batchOperation('delete')"><i class="glyphicon glyphicon-trash" title="批量删除"></i> 批量删除 </a>&nbsp;| &nbsp;
           <a href="javascript:void(0);" ng-click="batchOperation('enable')"><i class="glyphicon glyphicon-ok" title="批量启用"></i> 批量启用 </a>&nbsp;| &nbsp;
           <a href="javascript:void(0);" ng-click="batchOperation('disable')"><i class="glyphicon glyphicon-ban-circle" title="批量禁用"></i> 批量禁用 </a>
    </div>

错误写法

js页面中

    $httpWrapper.post({
        url: "xxxxx",
        success: function (data) {
        	//设置的全局参数
            $scope.thisUserNameData=data;
            $scope.thisUserRole=data;
        }
    });

html页面中

   <div class="col-md-7 col-xs-7 col-lg-7 col-sm-7" ng-hide="{{thisUserRole!='Admin'}}">
           <a href="#/admin/override/{{serviceKey}}/add"><i class="icon-plus" title="新建动态配置"></i> 新建动态配置 </a>&nbsp;| &nbsp;
           <a href="javascript:void(0);" ng-click="batchOperation('delete')"><i class="glyphicon glyphicon-trash" title="批量删除"></i> 批量删除 </a>&nbsp;| &nbsp;
           <a href="javascript:void(0);" ng-click="batchOperation('enable')"><i class="glyphicon glyphicon-ok" title="批量启用"></i> 批量启用 </a>&nbsp;| &nbsp;
           <a href="javascript:void(0);" ng-click="batchOperation('disable')"><i class="glyphicon glyphicon-ban-circle" title="批量禁用"></i> 批量禁用 </a>
    </div>

致命错误,就是我带了{{}},ng-hide中不需要带{{}},但是当我们展示值的时候，比如ng-show、ng-init的时候都要带{{}}，而ng-hide中带{{}}也不会出错，只不过会触发隐藏事件，不论条件满足或不满足。