Как разбить рендер ul li ngFor в Angular2?

Question

[Alexander Belov]

Напомните, плиз, как разбить рендер ul li ngFor в Angular2?
Рендерим такой json

{	
		"id" :"one",
		"title" :"one title",
		"autos" : [
			"E92",
			"E30",
                        "E46",
			"E36"
		]
	}

component.ts

<div *ngIf="selectedBlock">
          <img src="{{selectedBlock.image}}"/>
          <h2>{{selectedBlock.title}}</h2>
          <h3>Autos</h3>
          <ul class="autos">
            <li>{{selectedBlock.autos}}</li>
          </ul>     
        </div>

Всё в одну строчку так рендерит через запятую -
E92, E30, E46, E36

Желаемый результат - списком вниз. CSS, естественно, не катит.

Answer 1

[Coder321]

<div *ngIf="selectedBlock">
          <img src="{{selectedBlock.image}}"/>
          <h2>{{selectedBlock.title}}</h2>
          <h3>Autos</h3>
          <ul class="autos">
            <li *ngFor="let auto of selectedBlock.autos">{{auto }}</li>
          </ul>     
        </div>