Angular - 我可以根据 JSON 值制作 SWITCH 或 IF 吗?
Angular - Can I make a SWITCH or a IF based on a JSON value?
我有一个包含汽车价值的 json 文件,根据汽车的“版本”,我想显示正确的价格,“价格”的价值(如果是标准的),价值如果是豪华版,则为“豪华版”:
<div *ngIf="{{products[0].edition}}" = "standard">
<td>
<input type="number" [(ngModel)]="price0" (ngModelChange)="calcul0()" placeholder="Price"/>
{{products[0].price | currency:'EUR'}}
</td>
</div>
<div *ngIf="{{products[0].edition}}" = "deluxe">
<td>
<input type="number" [(ngModel)]="price0" (ngModelChange)="calcul0()" placeholder="Price"/>
{{products[0].deluxe | currency:'EUR'}}
</td>
在我的 json 文件中,我得到:
[
{
"car": "Mercedes",
"edition": "standard",
"price": 90,
"deluxe": 100,
"deluxeTurbo": 120,
},
...
]
如果我不放if条件直接走:
{{products[0].deluxe | currency:'EUR'}}
我得到了“100”
不要在 *ngIf
中使用大括号,将条件直接放在有效的 TypeScript 中:
<div *ngIf="products[0].edition == 'deluxe'">
我有一个包含汽车价值的 json 文件,根据汽车的“版本”,我想显示正确的价格,“价格”的价值(如果是标准的),价值如果是豪华版,则为“豪华版”:
<div *ngIf="{{products[0].edition}}" = "standard">
<td>
<input type="number" [(ngModel)]="price0" (ngModelChange)="calcul0()" placeholder="Price"/>
{{products[0].price | currency:'EUR'}}
</td>
</div>
<div *ngIf="{{products[0].edition}}" = "deluxe">
<td>
<input type="number" [(ngModel)]="price0" (ngModelChange)="calcul0()" placeholder="Price"/>
{{products[0].deluxe | currency:'EUR'}}
</td>
在我的 json 文件中,我得到:
[
{
"car": "Mercedes",
"edition": "standard",
"price": 90,
"deluxe": 100,
"deluxeTurbo": 120,
},
...
]
如果我不放if条件直接走:
{{products[0].deluxe | currency:'EUR'}}
我得到了“100”
不要在 *ngIf
中使用大括号,将条件直接放在有效的 TypeScript 中:
<div *ngIf="products[0].edition == 'deluxe'">