使用 Angular 生成 html 标签 2

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

使用 Angular 生成 html 标签 2

Generate html tags with Angular 2

javascript

angularjs

polymer

angular

ngfor