Добавить новый вариант для ui-select2 в угловой js

Я использую ui-select2 в angularjs, который использует select2 плагин jquery. У меня есть определенный предопределенный список, а затем, когда я начинаю искать что-либо, и если он не найден в списке, я хочу добавить новое значение. Я делаю что-то вроде этого:Добавить новый вариант для ui-select2 в угловой js

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

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

Но щелчок не работает, и консоль в addCountry никогда не печатается. Любая идея, как добавить новую опцию для ui-select2 в угловых js?

источник

2013-08-26 insomiac

Я уверен, что ng-click не работает, потому что этот код не скомпилирован angularjs, так как вы выводите его во время выполнения. .. Можете ли вы предоставить нам плункер или скрипку? Это поможет нам найти решение из того, что у вас уже есть. – Galdo

Я попытался $ compile ("Add new country") ($ scope), но это возвращает [объект объекта] вместо html; – insomiac

Я сделал это, не с помощью мыши, но, позволяя пользователю просто ввести то, что им нравится в выбор2 и нажмите клавишу ВВОД:

<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}

Я надеюсь, что ставит вас на правильном пути, основная вещь, чтобы установить «теги: истинный»

кладет выбор2 в «tagging'mode КН прежде чем пользователь может добавлять новые выборы и уже существующие теги предоставляются через эти опции, атрибут, который либо

и createSearchChoice (поиск в http://ivaynberg.github.io/select2/ для этого):

Создает новый выбираемый выбор от поискового запроса пользователя. Позволяет создавать варианты, недоступные с помощью функции запроса. Полезно, когда пользователь может создавать выбор «на лету», например, для «tagging» usecase

источник

2013-11-13 04:24:37 Steve

Добавить новый вариант для ui-select2 в угловой js

ответ

Смежные вопросы