2013-12-10 34 views
3

我有一個NG類NG重複並不在我的CSS類的名稱中連字符的情況下適用的CSS類:角JS納克重複不應用CSS類

<li 
    ng-repeat="item in items" 
    ng-class="{'i-someclass' : item.Id > 10}"> 
    {{item .name}} 
</li> 

我做錯了什麼?如果我將css類名更改爲isomeclass,它就可以工作。 AngularJS v1.0.7

+0

只是檢查是否角是加入一個名爲iSomeclass類。 –

回答

8

對我來說,你的代碼是按原樣工作的。

Here is a plunker演示代碼。

JS:

var app = angular.module('myApp', []); 

app.controller('Ctrl', function($scope) { 

    $scope.items = [ 

    { Id: 1, name: "item1" }, 
    { Id: 10, name: "item1" }, 
    { Id: 11, name: "item1" } 
    ]; 

    }); 

HTML:

<html ng-app="myApp"> 

    <head> 
    <script data-require="[email protected]*" data-semver="1.2.4" src="http://code.angularjs.org/1.2.4/angular.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
    </head> 

    <body ng-controller="Ctrl"> 
    <h1>Hello Plunker!</h1> 
    <ul> 
     <li 
     ng-repeat="item in items" 
     ng-class="{'i-someclass' : item.Id > 10}"> 
     {{item .name}} 
     </li> 
    </ul> 
    </body> 

</html> 

CSS:

.i-someclass { 
    color: red; 
} 
+0

我認爲他特別在談論verion 1.0.7,所以這個問題可能在那個版本中。 – Chandermani

+0

@Chandermani好吧,我更新了plunker鏈接(它現在是1.0.7),仍然有效。 :) –

+0

嗨對不起,等待回覆,它在一個簡單的控制器上工作,我的描述缺乏,我在部分內使用此代碼,所以我們有data-ng-include data-src =「getMyPartial )「data-ng-show =」getMyPartial()「。 getMyPartial是加載部分的作用域的方法,所以我認爲問題在於上面的代碼是以這種方式通過部分加載的。 – user3086298