selectタグ内のデフォルト値を動的に設定する方法は？

Question

基本的に、私が持っているのはこれです。

マイスクリプト：

scope.exampleDetailsForm = { 
    dropdownItems: ["sample1", "sample2", "sample3", "sample4", "sample5"], 
    itemSelected: '' 
}; 

マイHTML：さて、私のitemSelectedを動的にさらにダウンスクリプトの私のDBから

<form name="example" role="form"> 
     <table id="exampleTable"> 
      <tr> 
       <td class="tableCell"> 
        <label for="LOB">Example:</label> 
       </td> 
       <td> 
        <select ng-model="example" 
         ng-options="example as example for example in exampleDetailsForm.dropdownItems"> 
        <select> 
       </td> 
      </tr> 
     </table> 
</form> 

を埋めます。だから私がやろうとしているのは：

itemSelectedがnullでない場合、私はdropDownItemsの対応する値にmy selectのデフォルトオプションを設定します。

ユーザがログオンし、itemSelectedの値が "Sample 4"のものを選択した場合、これは私のselect文のデフォルトオプションとして表示したいものです。このよう

Answer 1

：

scope.exampleDetailsForm = { 
    dropdownItems: ["sample1", "sample2", "sample3", "sample4", "sample5"], 

}; 
scope.exampleDetailsForm.itemSelected = scope.exampleDetailsForm.dropdownItems[0] 

と変更ng-model="example"

exampleDetailsForm.itemSelectedため、私はあなたが実際に選択された一例として、その変数を使用したいasume。

Answer 2

てみselect要素にng-init="example=exampleDetailsForm.itemSelected"を追加

Answer 3

HTML

<form name="example" role="form"> 
    <table id="exampleTable"> 
     <tr> 
      <td class="tableCell"> 
       <label for="LOB">Example:</label> 
      </td> 
      <td> 
       <select ng-model="example" 
        ng-init="example=getSelectedItem()" 
        ng-options="example as example for example in exampleDetailsForm.dropdownItems"> 
       <select> 
      </td> 
     </tr> 
    </table> 
</form> 

JS

$scope.exampleDetailsForm = { 
     dropdownItems: ["sample1", "sample2", "sample3", "sample4", "sample5"], 
     itemSelected: '' 
    }; 

    $scope.getSelectedItem = function(){ 
     if ($scope.exampleDetailsForm.itemSelected !== ''){ 
      var index = $scope.exampleDetailsForm.dropdownItems.indexOf($scope.exampleDetailsForm.itemSelected); 
      return $scope.exampleDetailsForm.dropdownItems[index]; 
     }else{ 
      return $scope.exampleDetailsForm.dropdownItems[0]; 
     } 
    }