添加 html 内容与 if 语句 Angular 7
Add html content with if statement Angular 7
我想在禁用按钮时将离子图标添加到离子按钮中。
我在下面为您提供了一些代码。 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>
`
IMO,是的,您可以按照自己的方式使用 *ngIf
。
您也可以使用以下语法实现相同的效果
<div *ngIf="day.disabled">
// Your code
</div>
我想在禁用按钮时将离子图标添加到离子按钮中。
我在下面为您提供了一些代码。 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>
`
IMO,是的,您可以按照自己的方式使用 *ngIf
。
您也可以使用以下语法实现相同的效果
<div *ngIf="day.disabled">
// Your code
</div>