2016-11-01 13 views
0

select(code)から値を取得し、このコントローラで使用している角度 でコントローラに送信する方法??あなたはこのためにNG-モデルを使用する必要がAngularJS:選択したオプション値を取得してコントローラに送信する方法

<div class="form-group col-xs-12 offset-xs-2 col-md-3" ng-controller="productCtrl"> 
     <label for="selectProduct">Product</label> <br> 
     <select class="form-control" id="product" required data-error="Select a Product!" tabindex="1"> 
       <option value="" selected >Select a Product!</option> 
       <option value="{{product.codigo}}" ng-repeat="product in products">{{product.name}}</option> 
     </select> 
     <div class="help-block with-errors"></div> 
</div> 
+2

角度の概念は、ビューがコントローラによって制御されるべきであるということです。したがって、実際には値をコントローラーに送るべきではなく、コントローラーにビューを制御させるべきです。 [ngOption](https://docs.angularjs.org/api/ng/directive/ngOptions)のドキュメントを見て、[ngModel](https://docs.angularjs.org/api/ng/directive/ngModel)を使用してください。 )を使って値をバインドする – Endless

+0

上記と合意してください - 'ngOption'のドキュメントを確かにチェックしてください –

答えて

3


私の選択は、Webサービス コードを消費します。ちょうどその時、あなたのコントローラにあなたはNgModelあなたがdocs

0

使用ngModelをお読みくださいどのように機能するかについてのMORの情報について

$scope.selectedProduct 

を使用してその値にアクセスすることができ、この

<select class="form-control" id="product" ng-model="selectedProduct" required data-error="Select a Product!" tabindex="1"> 
    <option value="" selected >Select a Product!</option> 
    <option value="{{product.codigo}}" ng-repeat="product in products">{{product.name}}</option> 
</select> 

のようなあなたの選択を変更します。また、ngOptionsを使用してオプションタグを生成することもできます。例えば

<select ng-model="value" ng-options="option.value as option.label for option in options"></select> 

値は、コントローラのスコープ($scope.value)で利用できるようになります。 $scope.optionsは、オプションを定義するオブジェクトの配列でなければなりません。

関連する問題