Question

我希望多个值的自动填充功能有点像 gmail 中的电子邮件地址。

更确切地说，我有一个电子邮件列表，我希望用户能够键入邮件的开头，然后通过自动填充提供相应的邮件。用户还必须能够添加未在自动填充列表中设置的地址。

你知道Angular的方法吗？

提前谢谢

编辑：我不确定我是否清楚自己。我想要的是一个自动完成功能，您可以在其中选择多个值。选择的值可以来自数据数组或免费输入（例如，当您选择不同的收件人时，可以使用gmail）

Answer 1

首先，你必须制定一个指令来处理角度

中的自动完成功能

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

并在HTML标记中，您需要在ui-items =＆＃34; emailsArray＆＃34;中绑定数据[＆＃39; email＆＃39;，＆＃39; email＆＃39;，....]需要自动完成添加属性＆＃39;自动完成＆＃39; 示例

 <input type="text" auto-complete ui-items="emails" />

角度多重自动完成

1 个答案: