2015-11-07 116 views
0

我要添加從服務器的角度資源檢索動態選項添加新的選項,但如果有人想添加一個新的選項,這是不存在的服務器預輸入響應,然後我想允許用戶輸入文本和發送文本回服務器UI的選擇如何從文本中多選擇下拉

我有這個plunkr它使用angularjs UI的選擇,從下拉列表中添加多個選項,無論是對象或只是一個字符串

http://plnkr.co/edit/juqoNOt1z1Gb349XabQ2?p=preview

但是,如何修改它以接受下拉菜單中沒有的選項?

我從服務器獲取數據這樣的 -

var labels = Discussion.get({id:Auth.getCurrentUser()._id},function(){ 
     for(var i=0;i<labels.labels.length;i++){ 
      $scope.labels.push({name:labels.labels[i], filter: labels.labels[i].toLowerCase(),color: '#ccc'}); 
     } 
    }); 
+0

你應該只把相關的代碼放在Plunker而不是整個應用程序。 –

+0

這plunker是不是我的,這是'的https的GitHub庫一plunkr:// github.com /角度的UI/UI-select'我發現它在谷歌,並認爲這是對我的使用 – DeadMan

回答

0

你不能做到這一點使用UI的選擇。一個好的選擇是使用角引導的提前輸入。這裏是鏈接https://angular-ui.github.io/bootstrap/#/typeahead

+0

一個很好的起點但我怎麼顯示多個選定的選項,如多選 – DeadMan

+0

哦。那麼你應該尋找ngTagsInput。這裏是鏈接:https://github.com/mbenford/ngTagsInput – SaiGiridhar

+0

看來,你也可以使用ui-select來實現這一點。檢查ui-select文檔中的屬性標記和標記標籤(https://github.com/angular-ui/ui-select/wiki/ui-select) – SaiGiridhar