anglejs viewmodelを使用してドロップダウンリストにデフォルト値を設定する方法

Question

anglejを使用してドロップダウンリストにデフォルト値を設定しようとしています。私は以下のコードを貼り付けた。

appmodule.factory("testpage1ViewModel", function() { 
     function Testpage1ViewModel() { 
    this.SearchContainer1 = { 
     cmbGender:'' 
    }; 
    this.message = ''; 

    this.SearchContainer1_Master_cmbGender = { 
     ValidValues: [ 
        { id: '1', name: 'Male' }, 
        { id: '2', name: 'Female' }, 
        { id: '3', name: 'Transgender' } 
     ], 
     DefaultValue: { id: '1', name: 'Male' } 

      }; 

    } 
       return Testpage1ViewModel; 
}); 


<select name="cmbGender" 
          class="form-control" 
          ng-options="option.name for option in viewModel.SearchContainer1_Master_cmbGender.ValidValues track by option.id" 
          ng-model="viewModel.SearchContainer1.cmbGender"></select> 

Answer 1

使用NG-INIT： これはviewmodelのコードとHTMLコードです。以下の例を参照してください：HTMLで

を

<select ng-change="fruitselect(fruitname)" ng-model="fruitname" ng-init="fruitname = fruits[0]" > 

    <option ng-repeat="fruit in fruits" value="{{fruit}}">{{fruit}}</option> 
    </select> 

とコントローラで

、

$scope.fruits = ['apple', 'orange','banana', 'grapes', 'plum']; 

Answer 2

既存のコードは、あなたがこのようなNG-モデルを定義することができます正しい場合：

<select ng-model="DefaultValue.name" name="cmbGender" class="form-control" ng-options="option.name for option in viewModel.SearchContainer1_Master_cmbGender.ValidValues track by option.id"></select>