Проблемы с автозаполнением jQuery + AngularJS
Я использую AjgularJS на моей странице и хочу добавить поле для использования автозаполнения из jqueryui, и автозаполнение не запускает ajax call.i '
мы проверили скрипт на странице без angular (ng-app и ng-controller) и он работает хорошо, но когда я помещаю скрипт на страницу с angularjs, он перестает работать.
любая идея?
JQuery скрипт:
$(function () {
$('#txtProduct').autocomplete({
source: function (request, response) {
alert(request.term);
},
minLength: 3,
select: function (event, ui) {
}
});
});
интересное примечание: когда я вызываю скрипт на Chrome инспектор, автозаполнение начинает работать !!!Версии: AngularJS: 1.0.2 - JqueryUI: 1.9.0ЗАКЛЮЧЕНИЕ: Виджет автозаполнения из jQueryUI должен быть инициализирован из пользовательской директивы AngularJS в качестве примера:
наценка
index
ddd
Угловой скрипт
var app = angular.module('TestApp', []);
function TestCtrl($scope) { }
app.directive('autoComplete', function () {
return function postLink(scope, iElement, iAttrs) {
$(function () {
$(iElement).autocomplete({
source: function (req, resp) {
alert(req.term);
}
});
});
}
});