Question

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

这是我的plunker：

我希望实现的内容显示在评论

中

Answer 1

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

      A                   B                C    
1     Products            Price        Minimum Price
2     Product A           $30             $10  
3     Product B           $20             $25
4     Product C           $10             $15

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

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

添加更改：

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

然后在我们的控制器中：

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

Answer 2

如果您想要点击任何元素的触发器功能，请使用ng-click。它可以用作元素的属性。你可以调用任何函数并传递参数。

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

检查plunker，了解它在ng-repeat。

中的工作原理

它有效，但正如另一个answer所述：

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

Angular如何获取onselect事件

2 个答案: