我在我的页面上使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的自定义指令中初始化来自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>
相似问题