2014-12-04 145 views
0

我有我的控制器此功能:纳克级不工作

$scope.menus = {}; 
    $http.get('web/core/components/home/nav.json').success(function (data) { $scope.menus = data; $scope.validaMenu(); }).error(function() { console.log('ERRO') }); 
    $scope.m = {}; 

    $scope.validaMenu = function() {   

      for (var i = 0; i < $scope.menus.length; i++) { 
       $scope.m[$scope.menus[i].name] = { url: $scope.menus[i].url, style:"ativo"}; 
      } 
    }; 

在我的JSON我得到这个:

[ 

    {"name" : "CAD_Empresa", "url": "#/Cadastro/Empresa"}, 
    {"name" : "CAD_Perfil", "url": "#/Cadastro/Perfil"}, 
    {"name" : "CAD_PlanoConta", "url": "#/Cadastro/PlanoConta"}, 
    {"name" : "CAD_CentroCusto", "url": "#/Cadastro/CentroCusto"}, 
    {"name" : "CAD_TipoDocumento", "url": "#/Cadastro/TipoDocumento"}, 
    {"name" : "CAD_ParceiroComercial", "url": "#/Cadastro/ParceiroComercial"} 
] 

这是我的HTML:

<ul class="multi-column-dropdown">  
<li><a ng-class="{{m['CAD_Usuario'].style}}" ng-href="{{m['CAD_Usuario'].url}}" >Usuário</a></li> 
<li><a ng-class="{{m['CAD_Empresa'].style}}" ng-href="{{m['CAD_Empresa'].url}}" >Empresa</a></li> 
</ul> 

此代码将我的JSon并创建一个链接,我的ng路由重定向到另一个页面。我想要做的只是,在不具有任何链接的< li>选项上显示不允许的光标。要做到这一点,我创建了上述的功能和对我的CSS被迫光标这样的:

.multi-column-dropdown li a { 
    cursor: not-allowed; 
} 

没关系,它的工作。但是,你可以检查我在我的HTML权利上使用ng-class创建了一个自定义类吗?当我尝试使用我的clas(ativo)在我的css上设置任何内容时,我不会更改任何内容。

任何想法为什么我的ng类被忽略?

+1

'NG-class'需要这样你们不需要一个表达式'{{}}''里面NG-class' – 2014-12-04 10:44:26

+0

它的工作!谢谢!! – 2014-12-04 10:57:41

回答

0

删除双曲花括号{{}}ng-class需要一个表达式。

<li><a ng-class="m['CAD_Usuario'].style">