Question

我有简单的选择，其中有硬编码值，4,8,12并且在更改时我想触发一些角度动作。

<select ng-model="selected" ng-change="setPageSize()">
    <option class="resultsList" value="4">4</option>
    <option class="resultsList" value="8">8</option>
    <option class="resultsList" value="12">12</option>
</select>

我需要将选定选项的值发送到setPageSize函数，但我不知道如何。

我的意思是，括号内应该是什么？

setPageSize（$指数）;或者什么？

Answer 1

由于您要将selected分配给ng-model，因此您应该只能使用它：

<select ng-model="selected" ng-change="setPageSize(selected)">
    <option class="resultsList" value="4">4</option>
    <option class="resultsList" value="8">8</option>
    <option class="resultsList" value="12">12</option>
</select>

Answer 2

你可以在下面使用它是plunker代码

$scope.setPageSize = function(selected){
    console.log(selected)
}

http://plnkr.co/edit/Tur5PrBHPuMHZBAVoazR?p=preview

Answer 3

在该功能中，您只需使用$ scope.selected。

angular.module('app', [])
.controller('appCtrl', ['$scope', function($scope){
            $scope.setPageSize = function(){
              $scope.change = $scope.selected;
            };
}]);

<!DOCTYPE html>
<html >
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body  ng-app="app" ng-controller="appCtrl">

  
<select ng-model="selected" ng-change="setPageSize()">
                    <option class="resultsList" value="4">4</option>
                    <option class="resultsList" value="8">8</option>
                    <option class="resultsList" value="12">12</option>
                </select>
  
  

    <p>Changed to:  {{change || 'nothing'}} <p>
</body>
</html>

从选项发送到ngChange值

3 个答案: