2016-06-13 10 views
2

スマートテーブルコンポーネント(angularを使用)にデータを表示しています。最後の列は選択要素です。私がしたいのは、 "on-select"変更イベントへのプラグインで、その行に表示されているデータで何かをすることです。角度onselectイベントを取得する方法

はここにある私のplunker

何私はあなたがしてngのリピートをNG-オプションを使用するために、その優れたドロップダウンリストを作成したい場合はコメント

答えて

6

に表示されて達成したいです。 NGリピート指令がアレイ内の各アイテムのHTMLコードのブロックを繰り返すため

<select ng-option="x.data for x in myItems"> 
</select> 

は、ドロップダウンリストのオプションを作成するために使用することができるが、NG-オプションディレクティブを充填するために特に作られましたドロップダウンリストにはオプションがあり、少なくとも1つの重要な利点があります。

ng-optionsでドロップダウンを行うと、選択した値をオブジェクトにできます.ng-repeatからのドロップダウンは文字列でなければなりません。

追加ngの変更あなたがng-clickを使用するすべての要素をクリック上のトリガ機能を使用する場合は、当社のコントローラ

$scope.SelectedRow = function(){ 
      //here take action or do whatever you want to. 
     } 
0

で次に

<select ng-change="SelectedRow()" ng-option="x.data for x in myItems"> 
</select> 

。要素の属性として使用できます。任意の関数を呼び出して引数を渡すことができます。

<div ng-repeat="myItem in myItems" ng-click="clicked(myItem.data)">{{myItem.data}}</div> 

それはあなたのng-repeatでどのように動作するかどうかを確認plunker

それは動作しますが、それは別のanswerに述べたように:

あなたはその後、リピートngのNG-オプションを使用して、より良い角度のドロップダウンリストを作成したい場合。

関連する問題