使用Angular 2生成html标记

Question

是否可以使用AngularJS 2.0生成html标记。我正在使用Polymer，并尝试使用User s entitlements中定义的小部件填充仪表板。

我相信你必须拥有NgFor的<li></li>标签吗？你可以这样做：

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

您不能以这种方式创建Angular组件，但应该可以使用Polymer元素。