2017-02-22 9 views
1

こんにちは、私はボタンに動的関数名を追加しようとしましたが、何かを試す方法はわかりませんが動作しません。角2は要素の動的関数名を設定します

私の例

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

それが本当に行うことです*ngFor

には?

+0

を使用する必要が '{{}}' '[入力]' 'または(イベント) 'と一緒に使用することが想定されていません。 '[]'や '()'を使うと、 'x + 'y''を使って式の中の文字列を連結することができます。 –

答えて

1

あなたは一般に明示的

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

それが、エラーを 例外を与える動作:./SignUpSocialItemクラスSignUpSocialItemにおけるエラー - インラインテンプレート:3:4によって引き起こさ:self.context.selfは、[(+ self.context.social.name "オン")]ではありません機能 –

+0

私のために問題なく動作するように見えるhttps://plnkr.co/edit/zENP2iTnlIzwRJqXjvuf?p=preview –

+0

ありがとう、それは仕事です:) –

関連する問題