HTML-Tags mit Angular 2 generieren

Question

Ist es möglich, AngularJS 2.0 zu verwenden, um HTML-Tags zu generieren. Ich verwende Polymer und versuche, ein Dashboard mit den Widgets zu füllen, die in einem User s entitlements definiert sind.

Ich glaube, Sie müssen die <li></li> Tags für NgFor haben? So könnte man so etwas wie:

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

zu erzeugen, so etwas wie:

<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> 

wo entitlement<google-map></google-map> ist.

Sie können auf diese Weise keine Winkelkomponenten erstellen, sollten aber mit Polymerelementen gut arbeiten.