AngularJS：占位符<select>在 ng-repeat 里面

Question

I am trying to add the placeholder inside html select tag in ng-repeat for angularJS application.

Link to JS fiddle

My HTML looks something like

<div ng-repeat="item in items">
<div class="form-group">
   <label for="product">Product</label>
     <select class="form-control" ng-model="item.product"  ng-options="product as product.name for product in products"  plceholder="Select">        
     <option value="" disabled selected>placeholder</option>
     <!-- tried adding the above following line but it wont get added -->
  </select>
</div>
</div>

and the controller has this

function TodoCtrl($scope) {

    $scope.items=[{name: "item1"},{name: "item2"},{name: "item3"}];
    $scope.products = [{name: "product2", quantity: 2}, {name: "product1", quantity: 2}, {name: "product3", quantity: 2}];

}

I tried adding the option value but it wont get added. Can any of you guide me on how to approach this solution

Answer 1

尝试这个：

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