Javascript Angular JS和jQuery UI自动完成功能

我正在尝试使用纯角度构建自动完成功能，但不幸的是UI有点难以处理。我开始用jQueryUI构建它

然后我碰到一把小提琴

选定={{selected}}
函数DefaultCtrl（$scope）{
$scope.names=[“约翰”、“比尔”、“查理”、“罗伯特”、“阿尔班”、“奥斯卡”、“玛丽”、“席琳”、“布拉德”、“德鲁”、“丽贝卡”、“米歇尔”、“弗朗西斯”、“琼”、“保罗”、“皮埃尔”、“尼古拉斯”、“阿尔弗雷德”、“杰拉德”、“路易斯”、“阿尔伯特”、“爱德华”、“贝诺伊特”、“纪尧姆”、“尼古拉斯”、“约瑟夫”]；
}
角度.module（'MyModule'，[]）。指令（'autoComplete'，函数（$timeout）{
返回功能（范围、IELENT、iAttrs）{
自动完成({
来源：范围[iAttrs.uiItems]，
选择：函数（）{
$timeout（函数（）{
iElement.trigger（'input'）；
}, 0);
}
});
};
});

我只想在用户输入3个有效字符后显示选项

谢谢，

---

Ankit Tanna

您可以使用

minLength

选项：

iElement.autocomplete({
    source: scope[iAttrs.uiItems],
    minLength: 3,
    select: function() {
        $timeout(function() {
          iElement.trigger('input');
        }, 0);
    }
});

---

嗨，非常感谢。这起作用了。：）我不知道这些选项。这是正确的解决方案：）

iElement.autocomplete({
    source: scope[iAttrs.uiItems],
    minLength: 3,
    select: function() {
        $timeout(function() {
          iElement.trigger('input');
        }, 0);
    }
});