Embeeded * ngFor in Angular4

Question

Hallo, ich habe ein Problem mit versenkt * ngFor Schleife. Ich versuche, so etwas zu machen.

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

I tryed to put [innerhtml] Datenbindung und es funktioniert, aber ich muss, dass die zweite ngFor machen zu arbeiten, weil es mit meinem CSS-Styling große arbeiten.

Vielen Dank im Voraus.

PS. Ich benutze Angular4

Answer 1

Meinst du innerHTML in der {{pad}} Ort verwenden? Sie können diesen Weg versuchen, wenn ja:

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