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 с select вместо параметров с 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">