angular - (单击)带有 ngFor 变量

Question

我正在尝试通过以下方式从变量执行函数:

<ng-container *ngFor="let c of content">
            <div class="content-box" [style.background-color]="c.color" [matTooltip]="c.name" (click)="c.select"> 
            .....

我的内容:

this.content = [
      {name: '...',data: 13, code: 23, color: 'gray', select: 'testFunction()'},
      ....
      ];

这可能吗？

更新 1
我的 test.component :

ngOnInit() {
    this.user$ = this.store.pipe(select(currentUser));

    this.content = [
      {name: '...',data: 13, code: 23, color: 'gray', select: 'testFunction'},
      ....
    ];
  }

  testFunction() {
    console.log("Test.");

  }

Answer 1

您可以尝试通过方括号访问方法:

html

(click)="this[c.select]()"

ts

@Component({...})
class SomeComponent {
  content = [
   {name: '...',..., select: 'testFunction'},
  ];

  testFunction() {
    console.log('test clicked');
  }
}