AngularJS使用复选框切换重复可见性

时间:2013-10-03 08:53:00

标签: javascript jquery html angularjs filter

所以我在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>

1 个答案:

答案 0 :(得分:2)

也许有这样的事情:

<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>