我在模板中有一个条件，如下所示:
<ng-container>
<p *ngFor="let seat of InfoDetails?.seatInfo">
<template *ngIf="seat.section">
Section {{seat?.section}} ,
</template>
<template *ngIf="seat.row">
Row {{seat?.row}},
</template>
<template *ngIf="seat.seatNo">
Seat number {{seat?.seatNo}}
</template>
</p>
</ng-container>
我有一个包含row和seatNo的数据集，但它似乎没有打印在模板中.这里有什么问题？
请阅读这里的文件，特别是
<div *ngIf="hero" >{{hero.name}}</div>星号是表示更多的东西的"句法糖". 很复杂.在内部，角质脱糖分两个阶段进行.首先，它 翻译*ngIf="."转换为模板属性，template="ngIf ."，像这样.
<div template="ngIf hero">{{hero.name}}</div>然后将模板属性转换为
<ng-template [ngIf]="hero"> <div>{{hero.name}}</div></ng-template>个
- *ngIf指令移动到元素，在该元素中它成为属性绑定[ngIf].
- 元素的其余部分(包括其class属性)在元素内部移动.
所以我们有ng-container个
<ng-container *ngIf="seat.section">
Section {{seat.section}} ,
</ng-container>
或者使用span或div或常规HTML标签.
<span *ngIf="seat.section">
Section {{seat.section}} ,
</span>
或者如果您仍然想要使用ng-template(not recommended)
<ng-template [ngIf]="seat.section">
Section {{seat.section}} ,
</ng-template>