javascript - AngularJS - bootstrap - bootstrapDualListbox - 在左侧的选择值上都选择/移动到右侧

Question

我在用bootstrapDualListbox

JS

      $('select[name="duallistbox_demo1[]"]').bootstrapDualListbox({
        moveOnSelect: false
      });

HTML

<select multiple="multiple" size="10" name="duallistbox_demo1[]" ng-model="selectedStaff"><option ng-repeat="staff in staffs" value="{{staff.userId}}">{{staff.firstName}} {{staff.lastName}}</option> </select>

如果我将选项用作不同的值（不是来自 ngRepeat），则交换很好。如果我从 ng-repeat 中使用，则在选择时所有值都在交换而不是被选中。我如何解决这个问题？

Answer 1

请检查使用带有选择的 ng-options 而不是带有 ng-repeat 的选项。

<select multiple="multiple" size="10" ng-options="staff as staff.firstName for staff in staffs track by staff.userId" name="duallistbox_demo1[]" ng-model="selectedStaff">