使用Angular 2生成html标签[重复]

Question

是否可以使用 AngularJS 2.0 来生成 html 标签。我正在使用 Polymer，并尝试使用在 Users 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 元素。