2017-05-19 40 views
0

私はn個のボタンを表示する必要がある角度のあるプロジェクトを試しています。各ボタンをクリックするとボタン番号が表示されます。コンポーネントへのイベントバインディングのパラメータの受け渡し

コンポーネントで意思決定に使用できるイベントバインディングに静的な値を渡す方法はありますか。

<button (click)="clicked('want to pass a value here')">Click </button> 
<h1>The button number you entered is: {{buttonNumber}}</h1> 

これらの値は、コントローラクラスの意思決定に使用される1,2、... nになります。

+2

です。あなたはそれを試しましたか? –

+0

私が知っている限り、私は$イベントに精通していますが、私のロジックにはそのような詳細は必要ありません –

+0

あなたはあなたの質問でコードを試しましたか? –

答えて

0

あなたが持っているコードは動作します。コンポーネントに関数を作成し(クリックと呼ぶ場合)、渡される$イベントを処理する必要があります。

'Component、OnInit} from' @ angular/core ';

@Component({ 
    selector: 'example', 
    template: ` 
    <h1>The button number you entered is: {{buttonNumber}}</h1> 
    <button (click)="clicked('want to pass a value here')">Click</button> 
    ` 
}) 

export class ExampleComponent implements OnInit { 
    constructor() { } 

    ngOnInit() { } 

    clicked(yourText) { 
    // yourText is the argument from the template 
    console.log(yourText) 
    } 

} 
+0

解決済み!どうもありがとうございます。 –

+0

問題はありません@OnkarGhule!角膜は痛みを感じることがありますが、毎日服用すれば一緒になるでしょう。 Ps。答えとしてマークすることを忘れないでください:) – mikias

関連する問題