使用ng-class
嵌套属性时遇到麻烦:
这项工作
ng-class="{'fullscreen': isFullScreen()}"
这不起作用
ng-class="{'fullscreen': vm.isFullScreen()}"
我错过了一些明显的东西吗?我对ng-if
或ng-switch
这是一个解释问题的小提琴:http://jsfiddle.net/4Efz4/2
答案 0 :(得分:1)
修改强>
看到你评论了一个JSFiddle,你的例子工作得很好
视图:
<div ng-app>
<div ng-controller="TestingCtrl">
<div ng-repeat="p in persons">
<input ng-model="p.name" ng-class="{'fancy' : p.isFullScreen()}">
</div>
</div>
</div>
控制器:
function TestingCtrl($scope) {
$scope.persons = [{
name: 'Alice',
isFullScreen: function()
{
return false;
}
}, {
name: 'Bob',
isFullScreen: function()
{
return true;
}
}];
}
的CSS:
.fancy{
background:Yellow;
}