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>