我創建了一個組件，其中包含hukamnama-sahib.component.html檔案，如下所示：
<body *ngFor="let dataitem of HukamnamaSahibList">
<h4>
<span class="gurmukhi">{{dataitem.line.gurmukhi.unicode}}</span><br>
<span class="punjabitranslation">{{dataitem.line.translation.punjabi.default.unicode}}</span><br>
<span class="englishtranslation">{{dataitem.line.translation.english.default}}</span>
</h4>
</body>
app.component.html如下所示：
<div class="container">
<mat-tab-group preserveContent>
<mat-tab label="First">
<app-hukamnama-sahib></app-hukamnama-sahib> // here, I have added the component
</mat-tab>
<mat-tab label="Second"> <app-other-hukamnama></app-other-hukamnama> </mat-tab>
</mat-tab-group>
</div>
在加載應用程式時，它看起來如下（見紅線區域，它是空白的。當我滾動到下一個時，然后是第二個回圈的資料（參見第二個螢屏截圖））：
請幫助我克服這一點。
uj5u.com熱心網友回復：
因為您使用的是標簽正文，請替換 div
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/518185.html
標籤：有角度的角材料标签
上一篇：將本地json讀入介面型別陣列