具有嵌套属性的ng-class

时间:2014-05-02 16:11:43

标签: javascript html angularjs

使用ng-class嵌套属性时遇到麻烦:

这项工作

ng-class="{'fullscreen': isFullScreen()}"

这不起作用

ng-class="{'fullscreen': vm.isFullScreen()}"

我错过了一些明显的东西吗?我对ng-ifng-switch

等其他指令没有任何问题

这是一个解释问题的小提琴:http://jsfiddle.net/4Efz4/2

1 个答案:

答案 0 :(得分:1)

修改

看到你评论了一个JSFiddle,你的例子工作得很好

enter image description here


http://jsfiddle.net/88nut/

视图:

<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;
}