Angular如何獲得選擇事件

Question

我在智能表組件中顯示一些數據（使用angular）。最後一列是一個select元素。我想要做的是插入到「on-select」更改事件中，並對該行中顯示的數據執行某些操作。

這裏是我的plunker：

我想要實現的是顯示在評論

Answer 1

如果你想創建一個下拉列表中它能夠更好地使用NG-選項，然後NG-重複。

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

由於NG-重複指令重複的用於在陣列中的每個項目的HTML代碼的塊，它可以被用來創建在下拉列表中選擇，但NG-選項指令被特別是由用於填充帶有選項的下拉列表，並且具有至少一個重要的優點：

使用ng選項進行的下拉菜單允許將選定的值作爲對象，而由ng-repeat生成的下拉菜單必須是字符串。

添加NG-變化

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

然後在我們的控制器

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

Answer 2

如果你想上點擊任何元素上觸發功能使用ng-click。它可以用作元素的屬性。你可以調用任何函數並傳遞參數。

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

檢查plunker，看看它如何在您的ng-repeat。

它的工作原理，但它在另一個answer說：

如果你想創建一個下拉列表的角度它能夠更好地使用NG-選項，然後NG-重複。