设置angular-ui-select2以允许动态选项

时间:2019-02-21 17:59:13

标签: html angularjs angular-ui-select

文档表明有一种方法可以执行此操作,但是我在理解如何准确设置它方面遇到困难。基本上,我要做的就是将选择框绑定到选项列表,但是用户可以键入其他选项,然后将其添加到选项列表并进行选择。该文档页面甚至提供了有关如何执行此操作的示例,但我似乎无法使其正常工作。 HTML看起来像这样:

<select ui-select2 multiple="multiple" class="multiselectbox" ng-model="testvalue">
    <option ng-repeat="option in testoptions" value="{{option}}">{{option}}</option>
</select>

变量在控制器中限定范围:

$scope.testoptions = ['1','2'];
$scope.testvalue = '';

到目前为止,一切正常,我可以选择选项,并且标签会在选择框中弹出。但是,当我尝试输入新选项时,它只会激活搜索字段,而不会将其添加到选项列表中。文档指出“标签”也必须设置为“ true”。当我这样做时:

<select ui-select2="{ tags: true }" multiple="multiple" class="multiselectbox" ng-model="testvalue">
    <option ng-repeat="option in testoptions" value="{{option}}">{{option}}</option>
</select>

控制台出现错误:

Error: Option 'tags' is not allowed for Select2 when attached to a <select> element.

有人知道我可能要去哪里吗?

0 个答案:

没有答案