Я использую AjgularJS на своей странице и хочу добавить поле для использования автозаполнения из jqueryui, и автозаполнение не запускает вызов ajax.

Я протестировал скрипт на странице без 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 в качестве примера:

наценка

<div ng-app="TestApp">
    <h2>index</h2>
    <div ng-controller="TestCtrl">

        <input type="text" auto-complete>ddd</input>

    </div>
</div>

Угловой скрипт

<script type="text/javascript">

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

        }
    });

</script>