javascript - AngularJS 使用复选框切换 ng-repeat 可见性

Question

所以我在 AngularJS 中有一个用 ng-repeat 创建的通知列表。通知具有可见性状态，用于确定通知是否显示在列表中。每个通知都有允许隐藏该通知的控件，这是一个将 notice.status.visibility 更改为 false 的简单按钮。

我还有一个复选框输入，应该显示隐藏的通知。但是，我不确定如何实现它以及它如何工作。

这是 HTML:

<ul>
    <input type="checkbox" value="Show Hidden" />
    <li ng-repeat="notice on notices | filter: filter.search">
        <div ng-show="notice.status.visibility">
            <!-- notice details -->
        </div>
    </li> 
</ul>

Answer 1

也许是这样的:

<ul>
    <input type="checkbox" value="Show Hidden" ng-model="showHidden" />
    <li ng-repeat="notice on notices | filter: filter.search">
        <div ng-show="showHidden || notice.status.visibility">
            <!-- notice details -->
        </div>
    </li> 
</ul>