I am facing an issue with my predefined model (selectedVegetables) in connection with an md-select. It appears to be not functioning properly when the model already contains a key and value pair. You can view the code sample here: Code Pen.
Here is a snippet of the relevant code:
$scope.vegetables =
[{"key":"1","value":"Banana"},{"key":"2","value":"Apple"}];
$scope.selectedVegetables = [{"key":"1","value":"Apple"}];
This is defined in my controller.
Below is the HTML snippet:
<md-input-container>
<label>Vegetables</label>
<md-select ng-model="selectedVegetables" md-on-close="clearSearchTerm()" data-md-container-class="selectdemoSelectHeader" multiple="">
<md-select-header class="demo-select-header">
<input ng-model="searchTerm" placeholder="Search for a vegetable.." class="demo-header-searchbox md-text" type="search">
</md-select-header>
<md-optgroup label="vegetables">
<md-option ng-value="vegetable" ng-repeat="vegetable in vegetables |
filter:searchTerm">{{vegetable}}</md-option>
</md-optgroup>
</md-select>
</md-input-container>