佔位符未在angularjs中選擇select2

這是我嘗試過的代碼。我試圖用angularjs代碼和html代碼添加佔位符，但它不適用於這兩種情況。請幫助我，或建議我怎麼在這種情況下做佔位符未在angularjs中選擇select2

<select ui-select2="select2Options" 
style="width:100%" 
ng-model="SelectedProcessandIngredients" 
data-placeholder="Select or Add Process/Ingredient" 
ng-options="c.name group by c.status for c in colors" 
ng-change="selectedinnerLoop()" >   
     </select>

角JS代碼：

$scope.select2Options = { 
     placeholder : "Select or Add Process/Ingredient", 
     formatResult : processList, 
     formatSelection : processList, 
     escapeMarkup : function (m) { 
     return m; 
     } 

    };

來源

2013-12-18 HD..

我認爲它適用於最新版本。 – maxisam

謝謝maxisam。 –

在您的選擇標籤內添加一個空白選項標籤並顯示佔位符。另外，使用ng-repeat而不是ng-options。 Select2與ng選項不兼容。

<select ui-select2 ng-model="select2" data-placeholder="Pick a number"> 
    <!-- empty option gets placeholder working --> 
    <option value=""></option> 
    <!-- ng-repeat to populate dynamic options --> 
    <option ng-repeat="number in range" value="{{number.value}}">{{number.text}}</option> 
</select>

來源

2014-09-04 19:56:54

它也適用於我，但國際化不起作用 –

非常感謝的傢伙 –

-4

正確的方法做這樣的行爲，在我看來，是內寫指令您可以使用自定義HTML屬性構建HTNL。

Here是一篇關於如何編寫指令的好文章。

來源

2013-12-18 21:00:51

這並沒有真正回答OP的問題，也沒有真正添加任何討論。 – Myles

佔位符未在angularjs中選擇select2

回答

相關問題