0

我正在使用 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>
4

0 回答 0