0

我认为如果我展示更广泛的范围可能会很有用:) 下面是我的 html：

<div class="resSection2 rel">
                        <div class="proceed rel">
                        <div ng-repeat="record in records">
                        <div class="rel fptsans {{record.className()}}">Balkans<i class="icon-check icon-2x posIco"></i></div>

                        </div>
                        </div>
                        </div>

这里的关键因素是 {{record.className()}} 绑定，它根据其值确定记录的行为，无论它是否获得正确的样式。如您所见，它是对函数的引用。这是JS：

var antroApp = angular.module('antroApp', []);
$scope.records = [
    {id:0, 
    className: $scope.probieren,
    recordName:$scope.alpeic.length 

    },
    {id:1,
    className: $scope.probieren,
    recordName:$scope.alpeic.length 

    }

    ];

$scope.probieren = function(){
    if($scope.records.recordName > 10){
        $scope.records.className == 'special'
    }
    else{
        $scope.records.className == 'normal'
    }
}   
}
antroApp.controller('dialogWindows', dialogWindows);

当我静态设置类名（“特殊”或“正常”）时，它可以完美呈现，但是当涉及到一个函数时，一切都会卡住。对此真的感到很无奈。任何提示表示赞赏。

4

1 回答 1

0

你已经设置好了，除了它们必须以其他顺序定义，但是当你使用它时，在你的 dom 中调用如下函数：

<div data-ng-repeat="record in records">
    <div class="{{ record.className() }}">{{ record.recordName }}</div>
</div>

您如何引用 $scope.records.className 而不是记录数组的某些索引还有一些问题，但我的回答应该回答您的具体问题。

于 2013-10-23T13:13:42.667 回答