javascript - 自动完成——颜色输入建议文本

Question

我创建了Masked Armory现在使用 Angular + Laravel 5 重建整个站点。

这是 Angular 方面的一次学习经历，我还需要一 block 来完成这个拼图。

如果您查看当前的蒙面军械库网站，请在“服务器名称”框中输入一些字母，您将在建议中看到这些字母突出显示。

如何在 Angular 指令中复制此功能？

当前自动完成的 Angular 指令:

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

directivesModule.directive('autoComplete', autoComplete);

我在以前的网站版本中使用的功能是这样的:

var reEscape = new RegExp("(\\" + ["/", ".", "*", "+", "?", "|", "(", ")", "[", "]", "{", "}", "\\"].join("|\\") + ")", "g");
var fnFormatResult = function(value, data, currentValue) {
    var pattern = "(" + currentValue.replace(reEscape, "\\$1") + ")";
    return value.replace(new RegExp(pattern, "gi"), "<strong>$1</strong>");
};

我以前的网站上自动完成的完整 JS 分割可以在这里找到:http://www.maskedarmory.com/js/js.includes.js

谢谢您，如果您需要我提供更多信息，请告诉我!

Answer 1

没关系。

我刚刚在 Angular UI Bootstrap Typeahead 中完成了整个事情。比 JQuery 自动完成好得多。

这是它的链接:https://angular-ui.github.io/bootstrap/ (搜索 Typeahead 以在页面上找到它)。

检查一下您是否正在使用 Angular 并尝试执行自动完成功能!