javascript - 在我的例子中，如何获取 Select 元素中的选定值？

Question

当用户以 Angular 方式选择选项时，我试图获取选项值。我有类似的东西'

<div ng-controller="test">
  <select ng-model="selectedProduct" ng-options="product.name for product in products">
     <option value="">Please select a product</option>
  </select>
</div>

在我的js中

app.controller('test', function ($scope, $http, $modal) {

    console($scope.selectedProduct)   -> undefined. 

})

我想在用户做出选择时获取所选值。谁能帮我解决这个问题吗？非常感谢!

Answer 1

只要 View 中的值发生变化，您就可以使用 ngChange 触发事件:

<select ng-model="selectedProduct" ng-options="product.name for product in products"
        ng-change="doSomething(selectedProduct)">
    <option value="">Please select a product</option>
</select>

app.controller('test', function ($scope, $http, $modal) {
    ...
    $scope.doSomething = function (product) {
        // Do stuff with product
    };

<小时/>

另请参阅此 short demo 。