Question

如何从select（代码）中获取值并以angular形式发送到控制器 for是在这个控制器中使用??
我的选择使用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如何工作的信息，请阅读docs

Answer 2

使用ngModel。您可能还想使用ngOptions为您生成选项标记。

例如：

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

该值将在您的控制器范围（$scope.value）上提供。 $scope.options应该是一组定义您选项的对象。

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

2 个答案: