Question

<div class="m-t-sm">
<app-button [btnText]="'ADD USER'" (click)="!show"  [btnType]="'text'" [btnColor]='"submit-btn-color"'></app-button>
</div>

仅当＆＃34;添加用户＆＃34;点击按钮，下面的div应该出现。这段代码有效，但我需要知道有没有更好的方法来做到这一点。

 <div class="selected-code-box" *ngIf="show">
          <div class="row no-margins">
            <div class="col-md-4"></div> ...//code goes.. 
</div>

Answer 1

我不确定您在寻找什么，但* ngIf是解决此问题的最佳方法

<app-button [btnText]="'ADD USER'" (click)="show = !show"></app-button>

<div *ngIf="show">
      <!-- code -->
</div>

使用角度5显示和隐藏

1 个答案: