Angular - 如果选中复选框,则隐藏div

时间:2018-03-01 16:35:33

标签: angularjs angularjs-material

如果选中复选框,我试图隐藏一些div。当选中该框时,会添加md-checked类,所以我需要查看是否为真,然后隐藏类通知,这是正确的方法吗?谢谢

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

1 个答案:

答案 0 :(得分:1)

您需要为复选框设置ng-model并使用它来确定是否应显示div

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