javascript - 显示以 Angular 7 隐藏 div

Question

我正在尝试使用 ng-model 和 ng-hide 在 Angular 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仍然无法正常工作。
请提供解决方案

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;

}