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-重复。