Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用angularjs在自动完成文本框中显示至少2个字符的数据列表?_Angularjs - Fatal编程技术网

如何使用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);
            }
        });
    };
});