角度を使用して選択ボックスの動的オプション

Question

角度を使用して選択ボックスに動的にオプションを追加したいと考えています。 量の制限が4である場合、その後のオプションは1、2、3、4

なければならない例えば、これは私が試みているものである：

<select class="form-control" ng-model="selectedQuantity"> 
          <option value="1">1</option> 
          <option ng-repeat="n in range(1,edata.Products.QuantityLimit)" value="{{n}}">{{n}}</option> 
         </select> 

ここQuantityLimit異なる各選択ボックス。

角度コード：

$scope.range = function (min, max, step) { 
    step = step || 1; 
    var input = []; 
    for (var i = min; i <= max; i += step) input.push(i); 
    return input; 
}; 

予想通り、私は選択からng-model="selectedQuantity"を削除する場合、これは動作します。あなたがシフトすることができた場合、最初のオプションは常に1になります

<select class="form-control" ng-options="n for n in range(1,edata.Products.QuantityLimit)" ng-model="selectedQuantity"> 
    <option value="1">1</option> 
</select> 

これはNG-オプションを使用して、selectタグ自体にオプションを埋め込む試しng-model="selectedQuantity"

Answer 1

あなたはビューから直接モデルに初期値を設定するために、インラインngInitディレクティブを使用することができます

<select class="form-control" ng-model="selectedQuantity" ng-init="selectedQuantity = 1"> 

のコースは、コントローラからデフォルト値を設定します。

$scope.selectedQuantity = 1; 

あなたが好きなものを選んでください

Answer 2

を削除せずにこれを行うにはどのような方法は、ありますコントローラーへ。