如何使用angularjs在自动完成文本框中显示至少2个字符的数据列表?
这是我的角度控制器,我在这里得到值列表如何使用angularjs在自动完成文本框中显示至少2个字符的数据列表?,angularjs,Angularjs,这是我的角度控制器,我在这里得到值列表 $scope.Trucks=result.data.Trucks 下面是html 卡车号码 使用关键词“angucomplete”进行谷歌搜索 并创建如下元素: <angucomplete id="ex1" placeholder="Search trucks" pause="100" selectedobject="Trucknumber"
$scope.Trucks=result.data.Trucks代码>
下面是html
卡车号码
使用关键词“angucomplete”进行谷歌搜索
并创建如下元素:
<angucomplete id="ex1"
placeholder="Search trucks"
pause="100"
selectedobject="Trucknumber"
localdata="Trucks"
searchfields="yourfieldname"
titlefield="yourfieldname"
minlength="2"
inputclass="form-control form-control-small"/>
使用关键词“angucomplete”进行谷歌搜索
并创建如下元素:
<angucomplete id="ex1"
placeholder="Search trucks"
pause="100"
selectedobject="Trucknumber"
localdata="Trucks"
searchfields="yourfieldname"
titlefield="yourfieldname"
minlength="2"
inputclass="form-control form-control-small"/>
在这里,我制作了自动完成搜索的工作演示,请查看以下链接:
HTML
请检查代码,如果您对此有任何疑问,请告诉我。
我希望这对你有用
谢谢。在这里,我制作了自动完成搜索的工作演示,请查看以下链接:
HTML
请检查代码,如果您对此有任何疑问,请告诉我。
我希望这对你有用
谢谢。您尝试过使用自动完成插件吗?当我键入2个字符result.data.Trucks时,我无法绑定数据列表。
这包含什么。您的问题不清楚,需要添加更多细节。例如,如果您正在使用任何插件,我没有使用任何指令。结果。数据。卡车有卡车编号列表。当您键入至少2个字符时,您是否可以共享角度自动完成文本框的任何链接。您是否尝试使用任何自动完成插件?当我键入2个字符结果。数据。卡车这是什么意思包含。您的问题不清楚,需要添加更多细节。例如,如果您正在使用任何插件,我没有使用任何指令。result.data.trucks有卡车编号列表。当您键入至少2个字符时,您可以共享角度自动完成文本框的任何链接吗。这将是我的html。Bt什么是我们可以绑定数据的控制器这将是我的html。Bt什么是我们可以绑定数据的控制器谢谢在html minlength=“2”中输入时,它的工作原理与以前一样。您需要在指令中定义minlength。我将代码和工作示例minlength更改为2。如果你仍然面临这个问题,请检查并让我知道。ThanksThanks..它用于键入,bt在放入html minlength=“2”时与以前一样工作。您需要在指令中定义minlength。我将代码和工作示例minlength更改为2。如果你仍然面临这个问题,请检查并让我知道。谢谢
var app = angular.module('autoSearch', []);
app.controller('autoSearch', function($scope) {
$scope.number = ['2122','2322','4343','32323','43434'];
}).directive('autoComplete', function($timeout) {
return function(scope, iElement, iAttrs) {
iElement.autocomplete({
source: scope[iAttrs.uiItems],
minLength:2,
select: function(e, ui) {
$timeout(function() {
scope.selected = ui.item.value;
}, 100);
}
});
};
});