占位符未在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

回答

相关问题