2017-06-12 64 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>