Я написал свою собственную директиву для анализа ввода с данными select2 и gat через ajax.
HTML:
<input type="text"
ng-model="name"
data-ui-event="{keyup: 'searchByName($event)',change: 'searchByName($event)'}"
ajax-select2="single" data-url="/ajax/name/"
/>
JS:
.directive('ajaxSelect2', ['$timeout', function ($timeout) {
return {
restrict: 'A',
link: function (scope, element, attrs) {
var reqParams = {},
multiple = attrs.ajaxSelect2 === "multi" ||
attrs.ajaxSelect2 === "multiple" ? true : false;
switch(element.prop("tagName")) {
case 'INPUT':
element.select2({
multiple: multiple,
ajax: {
quietMillis: 200,
url: attrs.url,
dataType: 'json',
type: 'POST',
data: function (term, page) {
var req = {
"val": term,
};
return JSON.stringify(req);
},
results: function (data, page) {
return { results: data };
}
}
});
break;
default:
alert('ajax-select2 works only with input fields!');
break;
}
element.bind("change", function () {
element.show(); //shows the input
$timeout(function () {
element.trigger('keyup'); //doesn't work
});
});
}
}}])
Моя проблема: Выбранное значение устанавливается на вход и вызывается функция searchByName, но она не работала с моей ng-моделью. Если я добавлю еще один ввод с ng-model="name", значение также должно быть записано в этот ввод. Но это не так.
EDIT: вот jsFiddle
scope.name
, или ваша функция searchByName уже делает это? - person Mark Rajcok   schedule 24.04.2013