有角度的多個自動完成

Question

我想有一個多個值有點像gmail電子郵件地址的自動完成。

更確切地說，我的電子郵件列表，我希望用戶能夠鍵入郵件的開頭，然後有由自動完成提出了相應的郵件。用戶還必須能夠添加未在自動填充列表中設置的地址。

你知道一個角度的方式嗎？

預先感謝您

編輯： 我不知道我說明白了。我想要的是一個自動完成，您可以選擇多個值。選擇的值可以是從數據數組或一個免費的打字（例如在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 =「emailsarray」，需要自動完成添加屬性'自動完成' 示例

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