如何根據字段值不NG-模型對象選擇選項

Question

所以基本上我已經定義了以下選擇框：

<div ng-controller="ExampleController"> 
<span class="nullable"> 
    <select ng-model="myColor" ng-options="color.name for color in colors"> 
    <option value="">-- choose color --</option> 
    </select> 
</span><br/> 
<div> 
    <input type="button" value="Reinitialize array" ng-click="switchModel()"/> 
</div> 

而下面的控制器：

angular.module('selectExample', []) 
.controller('ExampleController', ['$scope', function($scope) { 
    $scope.colors = [ 
    {name:'black', shade:'dark'}, 
    {name:'white', shade:'light'}, 
    {name:'red', shade:'dark'}, 
    {name:'blue', shade:'dark'}, 
    {name:'yellow', shade:'light'} 
    ]; 
    $scope.myColor = $scope.colors[2]; // red 
    $scope.colorsB = [ 
    {name:'black', shade:'dark'}, 
    {name:'white', shade:'light'}, 
    {name:'red', shade:'dark'}, 
    {name:'blue', shade:'dark'}, 
    {name:'yellow', shade:'light'} 
    ]; 
    $scope.switchModel = function() { 
    $scope.colors = $scope.colorsB; 
    }; 
    }; 

}]); 

我遇到的問題是，如果在重新初始化陣列$scope.colors後如何選擇$scope.myColor中包含的選項作爲默認選項？

的plunker代碼是在這裏：http://plnkr.co/edit/50TVcrlxJHVH9kdEZljc?p=preview

Answer 1

內switchModel功能，再次更新模型如下圖所示。

$scope.switchModel = function() { 
     $scope.colors = $scope.colorsB; 
     $scope.myColor = $scope.colors[2]; 
     }; 

謝謝。

Answer 2

$scope.switchModel = function() { 
     $scope.colors = $scope.colorsB; 
     //Reinit Your $scope.myColor 
     $scope.myColor = $scope.colors[2]; 
    };