我有一个 ng 重复,它的 ng 类在我的 css 类名称中包含连字符的情况下不应用 css 类:
<li
ng-repeat="item in items"
ng-class="{'i-someclass' : item.Id > 10}">
{{item .name}}
</li>
我做错了什么吗?如果我将 css 类名更改为 isomeclass ,它就可以工作。
AngularJS v1.0.7
对我来说,你的代码按原样工作。
这是一个笨蛋 http://plnkr.co/edit/pPd2aa?p=preview演示了代码。
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="angular.js@*" 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;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)