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

我正在使用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中使用，则在选择时所有值都会交换而不是被选择。我该如何解决？

最佳答案

请检查使用SELECT的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">

关于javascript - AngularJS-bootstrap-bootstrapDualListbox-在左侧的选择值上都在选择/移动到右侧，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31892943/