有条件地添加 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 的建议）但是如果有人知道如何使用指令而不是 class 我会接受它

<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 不是这样的（它不依赖于 true 或 false）。它只是将 class 添加到您的 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';

Conditionally add hide-xs attribute