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