angularjs - Angular 如何获取onselect事件

Question

我正在智能表组件中显示一些数据(使用 angular)。最后一列是选择元素。我想要做的是插入“on-select”更改事件并对行中显示的数据做一些事情。

这是我的 plunker :

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

Answer 1

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

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

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

使用 ng-options 制作的下拉菜单允许选择的值是一个对象，而使用 ng-repeat 制作的下拉菜单必须是一个字符串。

添加 ng-change:

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

然后在我们的 Controller 中:

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