智能表行选择问题

Question

我正在使用没有$scope 对象的smart-table，它看起来不错，但是选择和回调工作很奇怪（选择只发生了一半）或者根本不起作用。

Here，我找到了一个例子，如您所见，行选择工作正常。

但是，如果我们将语法更改为使用“控制器 As”样式，那么，it does not work

现在，我将修改我的代码以使用$scope。但是，作为 AngularJS 的初学者，如果有人告诉我为什么会发生这种情况，我会很高兴，有什么办法可以解决这个问题，谢谢。

Answer 1

1. 你的ng-options应该是这样的

   <select ng-model="events" 
       ng-options="event as event.label for event in vm.events"></select>
   

event as event.label for event in vm.events 表示您将event.label 指向event 模型，用于vm.events 中的每个event

ngOptions

1. 然后在控制器中添加数据

这是你的updated plunk

编辑 1

1. 要选择整行，您可以将ng-click 绑定到<tr>，并将当前的row 传递给它，就像这样

   <tr ng-click="vm.selectRow(row)" ... >
   

2. 要突出显示该行，您可以像这样使用ng-class

   <tr ... ng-class="{"highlight": row.selected===true}">
   

   并处理控制器中的选择逻辑。有很多方法可以实现这一点。

forked the last plunk