我有以下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等)?
提前感谢您的回复。