Динамически добавлять * ngFor к элементу HTML

Question

Я пытаюсь создать следующий HTML-элемент в моем файле app.component.ts:

 <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"