如何将单击事件绑定到角度为2的函数?

时间:2016-08-21 23:37:15

标签: angular

我有以下JSON对象:

{Countries: [America, China, Russia, etc]}

我在每个国家/地区的countries.component.ts(typescript)组件文件中定义了一个函数:

...
America() { ... }
China() { ... }
Russia() { ... }
etc

假设我的组件模板中有一个ngFor迭代JSON对象。我希望能够以这种方式绑定click事件:

<ul *ngFor="let country of Countries">
  <li>
    <a (click)="{{country}}()" >{{country}}</a>
  </li>
</ul>

当我点击“America”锚元素时,它将调用“America()”函数。

有没有办法将click事件绑定到动态函数名称(即使函数是在相应的组件类中定义的(即定义了America,China,Russia等)?

提前感谢您的回复。

1 个答案:

答案 0 :(得分:1)

插值似乎不像您尝试的那样工作。 解决问题的一个可能方法是在JFreeChart中为函数提供参数。

代码:

*ngFor

Plunker