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

Question

我使用Choices.js 进行多选和带有搜索框的选择。我也在使用 angular.js 来填充数据，但它似乎不起作用。谁能帮我动态填充选项。

正在使用 Ajax 检索数据。

这是我尝试过的

<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

您可以在选择实例中使用 setValue，如下所示：

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);