2017-06-12 65 views
0

您好,我有embeeded * ngFor循环的问题。我试图做出这样的事情。embeeded * ngFor in Angular4

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

我tryed把[innerHTML的]数据绑定和它的作品,但我不得不做出这样的第二ngFor工作,因为它会与我的CSS样式工作的伟大。

预先感谢您。

PS。我正在使用Angular4

+0

问题是什么? '[innerHTML]'与这个问题有什么关系? –

+0

这是完全可能的,下面是一个简单的例子:https://plnkr.co/edit/BjRs1ZhwTiC9drKo7xLn?p=preview – Brocco

+0

第二个* ngFor不起作用,它不显示任何东西,我刚刚通知[innerHtml]工作。 – Piotrek332

回答

0

你的意思是在{{pad}}位置使用innerHTML吗? 如果是这样,您可以尝试这种方式:

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