2017-02-22 22 views
1

Привет Я пытаюсь добавить динамические имена функций на кнопку, но не знаю, как это сделать, но не работает.Угловое 2 задание динамических функций на элементе

Мой пример

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

это на *ngFor

Является ли это действительно сделать?

+0

В общем '{{}}' не должен использоваться вместе с '[вход]' или '(событие)'. Если вы используете '[]' или '()', тогда используйте 'x + 'y'' для конкатенации строк в выражении. –

ответ

1

Вы должны использовать this явно

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

он работает, но дает ошибку ИСКЛЮЧЕНИЕ: Ошибка в ./SignUpSocialItem классе SignUpSocialItem - встроенный шаблон: 3: 4, вызванный: self.context.self [("on" + self.context.social.name)] не является function –

+0

Кажется без проблем работать для меня https://plnkr.co/edit/zENP2iTnlIzwRJqXjvuf?p=preview –

+0

спасибо, что это работа :) –

Смежные вопросы