Angular - If checkbox is checked hide div

Question

Im trying to hide some div if the checkbox is checked. When the box is checked is adds the md-checked class so i need to see if that is true and then hide the class notifications, is this the right approach ? Thank you

<div layout="row" layout-align="center center" layout-margin layout-fill class="confirm">
  <md-checkbox ng-if="md-checked ? true :  ????? " ng-model="" aria-label="">
  </md-checkbox>
  <a href="#" class="checkbox_alert"></a>
</div>

<div class="notification">
    <lib-notification text="{{error}}" type="danger" ng-if="error">
    </lib-notification>
</div>

Please use the angularjs-material tag. The angular-material tag is not meant for AngularJS questions. — Edric
– Edric, Commented Mar 1, 2018 at 18:56

riegersn · Accepted Answer · 2018-03-01 16:41:41Z

1

You need to set the ng-model for your checkbox and use it to determine if you should show the div

<input type="checkbox" ng-model="myCheckbox" aria-label="">
<div ng-hide="myCheckbox">Hide when checked!</div>

answered Mar 1, 2018 at 16:41

riegersn

2,8693 gold badges20 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

Angular - If checkbox is checked hide div

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related