2014-08-28 72 views
0

我想有一个多个值有点像gmail电子邮件地址的自动完成。有角度的多个自动完成

更确切地说,我的电子邮件列表,我希望用户能够键入邮件的开头,然后有由自动完成提出了相应的邮件。用户还必须能够添加未在自动填充列表中设置的地址。

你知道一个角度的方式吗?

预先感谢您

编辑: 我不知道我说明白了。我想要的是一个自动完成,您可以选择多个值。选择的值可以是从数据数组或一个免费的打字(例如在Gmail中,当你选择不同的收件人)

回答

0

首先,你必须做一个指令来处理的角度

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 =“emailsarray”,需要自动完成添加属性'自动完成' 示例

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