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

试试这个：

<select ng-model="selectProduct" ng-options="option.id as option.name for option in options" ></select>

其次，您的控制器中的products在哪里？

Answer 2

只要视图中的值发生变化，您就可以使用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 。

Answer 3

Here就是这个工作的一个例子。您应该在控制器的$scope中定义默认值，以确保定义值。从那里可以通过{{ myproduct }}或$scope.myproduct轻松访问模型，具体取决于访问模式的位置。

如何在我的案例中选择Select元素中的选定值？

3 个答案: