首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jQuery自动完成+AngularJS的问题?

jQuery自动完成+AngularJS的问题?

提问于 2018-01-25 23:51:54
回答 2关注 0查看 264

我在我的页面上使AjgularJS,并且希望添加一个字段来使用jqueryui中的自动完成,并且autoComplete不触发Ajax调用。

我已经在没有角的页面上测试了脚本(ng-app和ng-控制器),它工作得很好,但是当我将脚本放在带有angularjs的页面上时,它就停止工作了。

jQuery脚本:

$(function () {

    $('#txtProduct').autocomplete({
        source: function (request, response) {

            alert(request.term);

        },
        minLength: 3,
        select: function (event, ui) {

        }
    });

});
  • 版本:AngularJS:1.0.2-JqueryUI:1.9.0

结论:必须在AngularJS的自定义指令中初始化来自jQueryUI的自动完成小部件,例如:

标记

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

回答

和开发者交流更多问题细节吧,去 写回答
相关文章

相似问题

相关问答用户
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档