AngularJS使用復選框切換ng-repeat可見性

Question

所以我有一個用ng-repeat創建的AngularJS中的通知列表。 通知具有可見性狀態，該狀態確定通知是否顯示在列表中。 每個通知都具有允許隱藏該通知的控件，一個簡單的按鈕可將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>