有条件地添加hide-xs属性

Question

在ng-repeat中，我想根据当前范围在元素上添加hide-xs属性 我怎么能这样做？

我基本上想要做一些事情（这显然不起作用）：

<li ng-repeat="item in items" hide-xs="{{ item.showAlways ? 'false' : 'true' }}">
    <a href="" ng-click="item.action()">{{item.title}}</a>
</li>

修改

我最终这样做了（正如 DieuNQ 所建议的那样）但是如果有人知道如何使用指令而不是类我会接受它

<li ng-repeat="item in items" ng-class="{'hide-xs': !item.showAlways }}">
    <a href="" ng-click="item.action()">{{item.title}}</a>
</li>

Answer 1

hide-xs不能那样工作（它不依赖于真或假）。它只是为您的tag添加课程。试试这个：

在你的HTML中：

<li ng-repeat="item in items" ng-model="item.showAlways" ng-class="someClass">
    ...
</li>

在您的控制器中：

$scope.item.showAlways ? $scope.someClass == '' : $scope.someClass == 'hide-xs';