使用if语句Angular 7添加html内容

Question

我想在禁用按钮时将离子图标添加到离子按钮中。我在下面提供了一些代码。 days是一个包含30个json对象的数组：

 days = [ 
          { 
            dayId:1, 
            disabled:false
          },
          ....
        ];

我能用这样的ngIf吗？ `

<ion-content padding>

  <div *ngFor="let day of days let i=index">
    <ion-button id={{day.day}} expand="block" size="large" (click)="test(day.day)" ngDefaultControl [(ngModel)]="days" disabled = {{day.disabled}} >DAY {{day.day}} 
        <div *ngIf="{{day.disabled}} == true;">
          <ion-icon slot="end" name="checkmark-circle"></ion-icon>
        </div>
    </ion-button>
  </div>

</ion-content>

`

Answer 1

IMO，是的，你可以像使用它一样使用*ngIf。

您也可以使用以下语法

<div *ngIf="day.disabled">

  // Your code

</div>