javascript - 通过点击传递数据以加载模态

Question

我如何从加载模态的调用中传递数据，即这个 var c ，以便我可以在我的 Controller 上使用它来在我的查询中使用它

$scope.compareMe = function(Data) {
    console.log($scope.cannedLst.name)
    var c = $scope.cannedLst.name;
    $scope.Data = c;
    $scope.modal.show();
  }

Answer 1

在使用您的 Controller 中$ionicModal您可以将数据作为范围变量传递

//your main controller
.controller('MyController', function($scope, $ionicModal) {

//you function to get data and call modal
  $scope.compareMe = function(Data) {
    console.log($scope.cannedLst.name)
    var c = $scope.cannedLst.name;
//this is the data we're passing
    $scope.Data = c;
    $scope.modal.show();
  }

//modal configuration (may be 'templateString')
  $ionicModal.fromTemplateUrl('my-modal.html', {
//here it states that inside the modal $scope will be == data you've passed
    scope: $scope.Data,
    animation: 'slide-in-up'
  }).then(function(modal) {
    $scope.modal = modal;
  });