0

我在 angularjs 中使用 ui-select2，它使用 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 中的控制台。知道如何在 Angular js 中为 ui-select2 添加新选项吗？

4

1 回答 1

0

我做到了这一点，不是通过点击，而是允许用户在 select2 中输入他们喜欢的内容并按 Enter 键：

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

在咖啡脚本中，但我希望你能明白：

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

我希望这能让你走上正轨，基本的事情是设置“标签：真”

将 Select2 置于“标记”模式，用户可以在其中添加新选项，并且通过此选项属性提供预先存在的标记，该选项是

并 createSearchChoice（在http://ivaynberg.github.io/select2/中搜索）：

从用户的搜索词中创建一个新的可选选项。允许创建通过查询功能不可用的选项。当用户可以动态创建选择时很有用，例如“标记”用例

于 2013-11-13T04:24:37.367 回答