javascript - 使用 Angular 2 生成 html 标签

Question

是否可以使用 AngularJS 2.0 生成 html 标签。我正在使用 Polymer，并尝试使用在Users中定义的小部件填充仪表板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>。

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