Javascript 基于ng类，如何在angular中隐藏某些元素？

我有以下代码：

<tr ng-repeat="version in allVersions" ng-class="{{ version['active'] == 'true' ? 'active' : 'inactive' }}">
 </tr>

如果我想在按钮上显示

inactive

，它只显示

active

，但不知道如何继续

inactive

将始终处于

inactive

状态。单击按钮时，显示

showall

，单击按钮时显示

active

隐藏，此处仅显示

active

类

刚接触angular的人，有什么容易做到的吗

---

提前谢谢。

你可以这样做。在控制器中设置此状态属性：

$scope.status = {
    active: true
};

和HTML格式：

<tr ng-repeat="version in allVersions | filter:status" ng-class="[version.active ? 'active' : 'inactive']">

然后可以通过以下方式配置“全部显示”和“活动”按钮：

<button ng-click="status = null">Show all</button>
<button ng-click="status = {active: true}">Active</button>
<button ng-click="status = {active: false}">Inactive</button>

全部显示
活跃的
不活跃的

演示：替换

ng show=“version['active']=='true'”

与

ng show=“显示（版本['active']）”

并将其添加到控制器中。这假设showall（）函数将模型变量

$scope.showall

设置为true表示“全部显示”，否则设置为false

$scope.show = function(active) {
    return $scope.showAll || active;
}

---

如果隐藏这些元素，只过滤并显示活动或不活动的元素不是更好吗？@4EACH这不是OP所要求的for@maurycy：您所说的

文件管理器

是什么意思？

不活动

总是隐藏还是仅在单击之前隐藏？单击后，它们仍然处于非活动状态。谢谢，这太棒了。它起作用了。你能解释一下文件管理器到底是怎么回事吗？因为对于呼叫案例，

filter:status

会返回

true

，对吗？

status

是变量对象

filter

接受它并在此

状态

对象中按属性筛选数组。当

status={active:true}

时，表示过滤器将仅显示

active

属性为

true

的元素。当您设置

status=null

时，表示根本不进行过滤。

$scope.show = function(active) {
    return $scope.showAll || active;
}