AngularJS toggle ng-repeat visibility with checkbox

Question

So I have a list of notices in AngularJS which I create with ng-repeat. The notices have a visibility status which determines whether the notice is shown in the list. Every notice has controls which allow that notice to be hidden, a simple button that changes the notice.status.visibility to false.

I also have a checkbox input that is supposed to show hidden notices. However, I am unsure on how to implement this and how would it work.

Here's the 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>

Alexandre Aimbiré · Accepted Answer · 2018-04-20 19:06:25Z

2

Maybe with something like this:

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

edited Apr 20, 2018 at 19:06

Alexandre Aimbiré

1,6592 gold badges15 silver badges26 bronze badges

answered Oct 3, 2013 at 8:57

peernohell

8175 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tomkarho Over a year ago

Obviously my guestion was way too simple :D Thank you!

Collectives™ on Stack Overflow

AngularJS toggle ng-repeat visibility with checkbox

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related