Как ngfor установить функцию Dynami c в Angular 8?

Question

у меня есть это в моем html компоненте:

<div>
    <button (click)="myFunction1()">myFunction1</button>
</div>
<div>
    <button (click)="myFunction2()">myFunction2</button>
</div>
<div>
    <button (click)="myFunction3()">myFunction3</button>
</div>

и в машинописном тексте:

myFunction1()
myFunction2()
myFunction3()

, но я пытаюсь сделать что-то подобное, но это не работает!

машинописный компонент:

var myFunctions = [
"myFunction1",
"myFunction2",
"myFunction3"
]

html компонент:

<div *ngFor="let myFunction of myFunctions">
    <button (click)="myFunction()">{{myFunction }}</button>
</div>

Кто-нибудь знает, какое решение?

Answer 1

Вы хотите, чтобы функция выполнялась при нажатии кнопки? Просто используйте массив для хранения ссылки на функции.

// *.ts
const myFunctions = [
  myFunction1,
  myFunction2,
  myFunction3
]

Затем в своем шаблоне вы можете привязать событие щелчка к функции.

// *.html
<div *ngFor="let myFunction of myFunctions">
    <button (click)="myFunction()">myFunction</button>
</div>

Ваш пример выше просто связывает щелкните строку.