我有一個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
我有一個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
對我來說,你的代碼是按原樣工作的。
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;
}
我認爲他特別在談論verion 1.0.7,所以這個問題可能在那個版本中。 – Chandermani
@Chandermani好吧,我更新了plunker鏈接(它現在是1.0.7),仍然有效。 :) –
嗨對不起,等待回覆,它在一個簡單的控制器上工作,我的描述缺乏,我在部分內使用此代碼,所以我們有data-ng-include data-src =「getMyPartial )「data-ng-show =」getMyPartial()「。 getMyPartial是加載部分的作用域的方法,所以我認爲問題在於上面的代碼是以這種方式通過部分加載的。 – user3086298
只是檢查是否角是加入一個名爲iSomeclass類。 –