在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>