(单击)与ngFor变量

菲利普·诺布雷加(FilipeNóbrega)

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

<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.");

  }
yurzui

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

html

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

ts

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

* ngFor let变量的范围

来自分类Dev

在ngFor中声明变量

来自分类Dev

在ngFor中声明变量

来自分类Dev

单击时在* ngFor中注入组件

来自分类Dev

使用变量单击表行

来自分类Dev

单击按钮获取 Javascript 变量

来自分类Dev

单击时更改液体变量

来自分类Dev

如何在ngFor循环中创建变量?

来自分类Dev

Angular2 ngModel针对ngFor变量

来自分类Dev

使用ngFor循环遍历非数组变量

来自分类Dev

在ngFor中绑定变量时的问题

来自分类Dev

在 iondidchange - ionic 2 中使用 ngfor 的变量

来自分类Dev

ngFor 中的引用变量不起作用

来自分类Dev

在循环外访问模板输入变量(* ngFor变量)的可能方法?

来自分类Dev

单击后,使用ngfor使列表项保持活动状态

来自分类Dev

使用ngFor生成的按钮上的ngClass更改单击的按钮的颜色

来自分类Dev

如何在 ngFor 中单击元素 html 以添加 css 类?

来自分类Dev

用户单击后在 ngFor 中过滤:Angular 6

来自分类Dev

如何将数据从 *ngFor 项目传递到单击方法

来自分类Dev

在Selenium IDE中使用变量单击链接

来自分类Dev

基于输入变量的Javascript重复按钮单击

来自分类Dev

通过单击链接发送变量的值

来自分类Dev

如何在单击按钮时增加变量?

来自分类Dev

单击按钮获取变量输入值

来自分类Dev

php变量中的Javascript(单击隐藏)

来自分类Dev

根据单击的元素更改变量

来自分类Dev

单击href更改Rails中的变量

来自分类Dev

通过在画布上的引用变量单击函数?

来自分类Dev

单击变量ID的下拉菜单