Question

我正在使用select2来创建一个可选择的列表，并使用一个按钮来打印所选的项目，如下所示：

<select ng-model = "selectedRatios" ng-options = "ratio.name for ratio in ratios" class="js-example-basic-multiple" multiple = "multiple">

</select>

<button ng-click="printSelected();">Print ratios</button>

我的printSelected函数如下所示：

var app = angular.module('IndexApp', []);

app.controller('IndexController',['$http', '$scope', function($http, $scope) {

  $http.get('/ratios').success(function(result) {

    console.log(result);
    $scope.ratios = result;


  });

  $scope.printSelected = function() {
    console.log($scope.selectedRatios);
  }


}]);

问题是printSelected函数总是打印出undefined，我无法弄清楚原因。假设您直接从可选列表的ng-model获取所选元素是错误的吗？

修改

当我删除使用select2的jQuery脚本代码时，printSelected函数按预期工作，但列表显然不再显示或按预期工作。

我删除了什么：

<script type="text/javascript">

  $(".js-example-basic-multiple").select2();



</script>

使用Angular JS获取所选元素

0 个答案: