Choices.js：将动态数据添加到 select 选项中

Question

I'm using Choices.js for multi select and for a select with a search box. I am also using angular.js to populate the data but it doesn't seem to work. Can anybody help me with populating the options dynamically.

The data is being retrieved using Ajax.

This is what I've tried

<label for="docno" class="col-form-label">Name :</label>
<select id='docno' class="choices form-select" ng-model="docno" ng-change='getDocs()' required="true">
     <option ng-repeat="d in documents" ng-value="d.docno" selected='selected'>{{d.name}}</option>
</select>

Answer 1

You can use setValue in choices instance like below:

 var choices = new Choices(document.getGetElementById("docno")); var myDynamicItems = [ { value: 'Value 1', label: 'Label 1', id: 1 }, { value: 'Value 2', label: 'Label 2', id: 2 } ]; inst.choices.setValue(myDynamicItems);