Генерировать теги html с Angular 2

Question

Можно ли использовать AngularJS 2.0 для генерации тегов html. Я использую Polymer и пытаюсь заполнить панель инструментов виджетами, определенными в User s entitlements.

Я считаю, что вы должны иметь теги <li></li> для NgFor? Так что вы могли бы сделать что-то вроде:

<ul> 
    <li *ngFor="#entitlement of entitlements; #i = index"> 
     <{{ entitlement }}></{{ entitlement }}> 
    </li> 
</ul> 

генерировать что-то вроде:

<li> 
    <google-map></google-map> //would probably also need a `params` element in the first tag, i.e. latitude="37.77493" longitude="-122.41942" 
</li> 
<li> 
    <google-youtube></google-youtube> 
</li> 

Answer 1

<ul> 
    <li *ngFor="#entitlement of entitlements; #i = index" 
     [innerHTML]="entitlement"> 
    </li> 
</ul> 

где entitlement является <google-map></google-map>.

Вы не можете создавать угловые компоненты таким образом, но должны отлично работать с полимерными элементами.