在角js中为ui-select2 2添加新选项

Question

我在angularjs中使用ui-select2 2，它使用jquery的select2插件。我有一些预定义的列表，然后当我开始搜索任何东西时，如果没有在列表中找到，我想添加一个新的值。我正在做这样的事情：

var selectOptions = {
    formatNoMatches: function(term) {
                return "<a ng-click=\"addCountry('abc');\">Add new country</a>";
            }
 };

 $scope.addCountry = function(countryName) {
    console.log (' test');
 };

但是单击不起作用，addCountry中的控制台从未打印出来。知道如何在角js中添加ui-select2 2的新选项吗？

Answer 1

我已经这样做了，不是通过单击，而是允许用户在select2中输入他们喜欢的内容，然后点击enter：

<input type="text" ui-select2="selectOpts" ng-model="selected"/>

在coffeescript中，但我希望你有这样的想法：

  $scope.selectOpts =
    maximumSelectionSize: 1
    data: $scope.someListOfData
    tags: true
    multiple: false
    createSearchChoice: (term) ->
      {id: term, text: term}

我希望这能让你走上正轨，最基本的就是设置“标签:真”。

将Select2设置为“标记”模式，用户可以添加新选项，并通过以下选项属性提供预先存在的标记：

和createSearchChoice (在http://ivaynberg.github.io/select2/中搜索这个)：

从用户的搜索项中创建一个新的可选择的选项。允许创建通过查询函数不可用的选项。当用户可以动态创建选择时(如用于“标记”使用)时，非常有用。