Angular 2在元素上设置动态函数名称

嗨我尝试在按钮上添加动态函数名称，但不知道如何做，尝试一些但不起作用。Angular 2在元素上设置动态函数名称

我的例子

<button md-icon-button (click)="on{{scial.name}}()"><i class="{{social.icon}} "></i></button>

它在*ngFor

难道是真的呢？

一般来说'{{}}'是不应该被用'[输入]'或'（事件）'一起使用。如果使用'[]'或'（）'，则使用'x +'y''连接表达式中的字符串。 –

需要使用this明确

<button md-icon-button (click)="this['on' + scial.name]()">

2017-02-22 16:07:22

它的工作原理，但给出错误 EXCEPTION：./SignUpSocialItem类中的错误SignUpSocialItem - 内联模板：3：4由self.context.self [（“on”+ self.context.social.name）]不是功能 –

似乎工作没有问题对我来说https://plnkr.co/edit/zENP2iTnlIzwRJqXjvuf?p=preview –

感谢男人它的工作:) –

回答