使用Angular 2生成HTML标签

3

是否可以使用AngularJS 2.0生成HTML标记?我正在使用Polymer,试图使用Userentitlements定义的小部件填充仪表板。

我认为你需要使用<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>

我不确定这是否是在ng2中编程的正确方式。但你可能希望参考https://angular.io/docs/ts/latest/api/core/DynamicComponentLoader-class.html。 - ssuperczynski
1个回答

1
<ul>
    <li *ngFor="#entitlement of entitlements; #i = index"
        [innerHTML]="entitlement">
    </li>
</ul>

其中entitlement<google-map></google-map>

您无法以此方式创建Angular组件,但应该可以与Polymer元素很好地配合使用。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接