Angular如何获取onselect事件

Question

我在智能表组件中显示一些数据（使用angular ）。 最后一列是选择元素。 我想要做的是插入“ on-select ”更改事件，并对行中显示的数据执行某些操作。

这是我的傻瓜 ：

我想要实现的内容显示在评论中

Answer 1

如果你想创建一个下拉列表，最好使用ng-options然后ng-repeat。

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

因为ngRepeat指令为数组中的每个项重复一段HTML代码，所以它可用于在下拉列表中创建选项，但ngOptions指令专门用于填充带有选项的下拉列表，并且至少有一个重要的优点：

使用ng-options进行的下拉菜单允许选定的值为对象，而从ng-repeat进行的下拉列表必须是字符串。

添加更改：

<select ng-change="SelectedRow()" ng-options="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工作原理。

它有效，但正如它在另一个答案中所述 ：

如果你想创建一个下拉列表角度更好，使用ng-option然后ng-repeat。