AngularJS:如何获取选中的选项值并发送给控制器

Question

如何在angular中从select (code)中获取值并发送给控制器在这个控制器中使用??
我的选择使用web服务代码:

 <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>

Answer 1

必须使用ng-model。只要像这样改变你的选择

<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>

然后在控制器中你可以使用

访问它的值

$scope.selectedProduct

关于NgModel如何工作的更多信息，请阅读文档

Answer 2

使用ngModel。你也可以使用ngOptions来为你生成选项标签。

例如:

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

该值将在控制器的作用域($scope.value)上可用。$scope.options应该是定义选项的对象数组