Angular 的 <ng-container> 是一個分組元素，它不會干擾樣式或布局，因為 Angular 不會將其放置在 DOM 中。

為沒有DOM元素得指令安排宿主

當沒有單個元素承載指令時，可以使用 <ng-container>

//使用 <ng-container> 的條件化段落 <p>I turned the corner<ng-container *ngIf="hero">and saw {{hero.name}}. I waved </ng-container> and continued on my way. </p> //要有條件地排除 <option>，請將 <option> 包裹在 <ng-container> 中 <select [(ngModel)]="hero"><ng-container *ngFor="let h of heroes"><ng-container *ngIf="showSad || h.emotion !== 'sad'"><option [ngValue]="h">{{h.name}} ({{h.emotion}})</option></ng-container></ng-container> </select>

總結

以上是生活随笔為你收集整理的angular ng-container的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。