Angular JSドロップダウンで最初の項目をデフォルトとして選択する方法は？

Question

ドロップダウンを使用しようとしていますが、デフォルトで選択されている最初の値を選択できません。空白が表示されます。 master_data.sch_filesには4つの項目がありますが、1回目が空白のドロップダウンで5が表示されます。

<select ng-init="item.file_range_unit = master_data.sch_files[0].ref_key" ng-model="item.file_range_unit" 
         ng-options="x.ref_key as x.ref_value for x in master_data.sch_files" required style="height: 33px; 
         width: 140px; padding-left:5px"> 
        </select> 

Answer 1

参考：Why does AngularJS include an empty option in select?

NG-モデルによって参照される値は、NG-オプションに渡されるオプションのセットに存在しない場合、空のオプションが生成されます。これにより、偶発的なモデル選択を防ぐことができます。AngularJSは、初期モデルがオプションのセットで未定義であるかどうかを知ることができ、モデル値を独自に決定したくないということを知ることができます。

つまり、空のオプションは、有効なモデルが選択されていないことを意味します（これは、オプションのセットから有効です）。この空のオプションを取り除くには、有効なモデル値を選択する必要があります。あなたはオプションデータの最初の要素を選択するには、この$scope.form = {type : $scope.typeOptions[0].value};を使用することができます

item.file_range_unit 

Answer 2

：

すべてを行う必要があるにデフォルト値を与えることです。

また、これはhere

function MyCtrl($scope) { 

    // your option data 
    $scope.typeOptions = [ 
     { name: 'Feature', value: 'feature' }, 
     { name: 'Bug', value: 'bug' }, 
     { name: 'Enhancement', value: 'enhancement' } 
    ]; 

    $scope.form = {type : $scope.typeOptions[0].value}; 
}