2016-04-26 43 views
0

我有以下的HTML更新MD-選擇編程

<md-select id="testSelect" 
      ng-model="objElements" ng-change="onElementChange()" 
      name="objElements" placeholder="Select Stuff"> 
    <md-option id="testOption" 
       ng-repeat="ele in Elements" 
       ng-if="ele.Completed==false" 
       ng-value=ele.ID 
       ng-selected="$first"> 
     {{ele.Name}} 
    </md-option> 

Elements使用$http.get要求填寫,並正確顯示 - 我能夠正確地選擇元素和ng-change火災。

如果我使用$http.post添加新元素,然後使用Elements.push($scope.NewElement)將新對象推到Elements[],有沒有辦法將新對象設置爲'selected'元素?

我可以看到新元素已被正確添加到Elements[],但無法弄清楚如何設置ng-selected=NewElement

回答

0

是的,只需將objElements設置爲響應中的新元素即可。應該做的伎倆。

這裏有一個很好的例子:https://material.angularjs.org/latest/api/directive/mdSelect(代碼如下)。

<div ng-controller="MyCtrl"> 
    <md-select ng-model="selectedUser"> 
    <md-option ng-value="user" ng-repeat="user in users">{{ user.name }}</md-option> 
    </md-select> 
</div> 

angular.controller('MyCtrl', function($scope) { 
    $scope.users = [ 
    { id: 1, name: 'Bob' }, 
    { id: 2, name: 'Alice' }, 
    { id: 3, name: 'Steve' } 
    ]; 
    $scope.selectedUser = { id: 1, name: 'Bob' }; 
}); 
+0

如果這個md-select是多個,我該怎麼辦 –

+1

@ReNiShAR你問一個關於StackOverflow的新問題! ;) – Yatrix

+0

我已經發布了一個,沒有得到任何awsers,最後我找到解決方案,併發布: http://stackoverflow.com/questions/42436358/setting-selected-item-in-angular-md-select-與海報選項?noredirect = 1#comment72017185_42436358 –