コントローラからコンボボックスの選択値を設定します

Question

コンボボックスがあり、コントローラから選択した値を設定しようとしています。どうやってやるの？

<md-select ng-model="selectedControl" ng-change="changeControl(selectedControl)" required> 
    <md-option ng-repeat="control in controls" ng-value="control">{{control}}</md-option> 
</md-select> 

は、私が試した：

$scope.selectedControl = "Test"; 

コントロール配列：

[{"ControlId":1,"ControlColumn":"Address","ControlText":"AddressTest"},{"ControlId":2,"ControlColumn":"City_State_Zip","ControlText":"CityTest"}] 

Answer 1

をあなたのオプションにだけ、これはとても配列でscond値を選択します<md-option ng-repeat="control in controls" ng-value="control" ng-selected="index == 1">control</md-option>

値のインデックスを渡します要件に合うように変更することができます。

Answer 2

問題は配列から値そのものを選択してオプションで選択する必要があるため、適切な配列を取得したり、データを分割してドロップダウン選択を制御したりする必要があります。 jsfiddle

<div ng-app="myApp" ng-controller="MyCtrl"> 
    <div class="col-xs-12"> 
     <label class="col-xs-6 control-label">Type:</label> 
     <div class="col-xs-6"> 
     <select name="type" ng-model="selectedControl" ng-dropdown required ng-change="changeControl(selectedControl)" ng-options="control.ControlText for control in controls"> 
     </select> 
     </div> 
    </div> 
</div> 

var myApp = angular.module('myApp',[]); 


function MyCtrl($scope) { 

    $scope.controls = [{ 'ControlId': 1, 'ControlColumn': 'Address', 'ControlText': 'AddressTest' }, { 'ControlId': 2, 'ControlColumn': 'City_State_Zip', 'ControlText': 'CityTest' }]; 
    $scope.selectedControl = $scope.controls[1]; // change the value from here 
}