智能表行选择问题

Question

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

Here，我找到了一个例子，你可以看到，行选择工作正常。

但是，如果我们将语法更改为使用'controller 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中每个event的{​​{1}}模型

ngOptions

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

这是您的updated plunk

修改1

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

   row

2. 要突出显示该行，您可以像这样使用<tr ng-click="vm.selectRow(row)" ... >

   ng-class

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

forked the last plunk