动态将* ngFor添加到HTML元素

Question

我正在尝试在我的app.component.ts文件中创建以下HTML元素：

 <a *ngFor="let ver of versionList">{{ver}}</a>

我遇到的问题是将*ngFor添加到元素中。我尝试使用：

const a = this.renderer.createElement('a');
this.renderer.setProperty(a, '*ngFor', 'let ver of versionList');

和

const a = this.renderer.createElement('a');
this.renderer.setAttribute(a, '*ngFor', 'let ver of versionList');

没有运气。我在文档中找不到用于动态添加*ngFor的参考，所以我想知道是否可行？

渲染器在构造函数中声明为：private renderer: Renderer2
角版本：8.2.2

Answer 1

这不可能，因为*ngFor应该由Angular编译。但是你为什么需要那个呢？ 通常，将其添加到HTML并设置*ngIf="versionList && versionList.length > 0"