以角度 7 显示隐藏一个 div

Question

我正在尝试使用 ng-model 和 ng-hide 显示/隐藏角度 7 中的 div，但它不起作用。

button 显示/隐藏-使用 ng-model 设置表达式

    <button type="checkbox" ng-model="show" >show/hide</button>

div 显示/隐藏，使用 ng-hide 隐藏 div

 <div class="row container-fluid" ng-hide="show" id="divshow" >
  Div Content
</div>
</body>
</html>

我已经尝试过 ng-model 和 ng-hide 仍然无法正常工作。请提供解决方案

原文由 Ayush Jain AJ 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在你的 HTML 中

<button (click)="toggleShow()" type="checkbox" >show/hide</button>

<div *ngIf="isShown" class="row container-fluid"  id="divshow" >
Div Content

</div>

在您的组件类中添加：

 isShown: boolean = false ; // hidden by default

toggleShow() {

this.isShown = ! this.isShown;

}

原文由 Abderrahim Soubai-Elidrisi 发布，翻译遵循 CC BY-SA 4.0 许可协议