在Angular4中嵌入* ngFor

Question

嗨，我在嵌入* ngFor循環時遇到了問題。 我試圖做這樣的事情。

<div *ngFor = let console of consoles>
...
...
<li *ngFor = let pad of console.pad>
{{pad}
</li>
...
...
</div>

我嘗試放置[innerHtml]數據綁定，但是它可以工作，但是我必須使第二個ngFor起作用，因為它將與我的CSS樣式一起很好地工作。

先感謝您。

PS。 我正在使用Angular4

Answer 1

您是說在{{pad}}位置使用innerHTML嗎？ 您可以這樣嘗試：

<div *ngFor = let console of consoles>
    ...
    ...
    <li *ngFor = let pad of console.pad>
        <span [innerHTML] = {{pad}}></span>
    </li>
    ...
    ...
</div>