AngularJS:ng-repeat内<select>的占位符

时间:2017-09-25 01:09:04

标签: html angularjs

我正在尝试在ng-repeat中为angularJS应用程序添加html选择标记内的占位符。 链接到JS小提琴 我的HTML看起来像 &lt; div ng-repeat =“项目中的项目”&gt; &lt; div class =“form-group”&gt;    &lt; label for =“product”&gt;产品&lt; / label&gt;      &lt; select class =“form-control”ng-model =“item.product”ng-options =“product as product.name for products in products”plceholder =“Select”&gt;      &lt; option value =“”已禁用所选&gt;占位符&lt; /选项&gt;      &lt;! - 尝试添加以上行但不会添加 - &gt;   &LT; /选择&GT; &LT; / DIV&GT; &LT; / DIV&GT; 并且控制器有这个 function TodoCtrl($ scope){     $ scope.items = [{name:“item1”},{name:“item2”},{name:“item3”}];     $ scope.products = [{name:“product2”,数量:2},{name:“product1”,数量:2},{name:“product3”,数量:2}]; } 我尝试添加选项值但不会添加。 你们中的任何人都可以指导我如何处理这个解决方案

1 个答案:

答案 0 :(得分:1)

试试这个:

<option value="">Please select your option</option>