Question

24

Passing data through open modal function Angular uibModal

rated 0 times [ 27] [ 3] / answers: 1 / hits: 29532 / 8 Years ago, mon, july 11, 2016, 12:00:00

I'm trying to figure out how to pass unit_number into the modal when it pops up. I'm pretty new with Angular and I'm a little confused with what resolve: and group: are doing and how I can include the unit_number in that return statement.

    $scope.openTenantModal = function (unit_number) {

  var modalInstance = $uibModal.open({

    animation: true,

    templateUrl: 'views/addtenantmodal.html',

    controller: 'AddTenantModalCtrl',

    size: 'large',

    resolve: {

      group: function () {

        return $scope.group;

      }

    }

  });

  modalInstance.result.then(function () {

  }, function () {

  });

};

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

zoiel

Add To Favorites

Follow

Total Points: 692

Total Questions: 90

Total Answers: 89

Location: Rwanda

Member since Thu, Feb 10, 2022

2 Years ago

answered 8 Years ago jaelyn · Accepted Answer

You are using ui-bootstrap

Bootstrap components written in pure AngularJS

To pass a variable to a modal's controller you need to use

resolve: {

   A: function() {

       return 'myVal'

   }

}

And then you can access that variable 'A' from the modal`s controller by injecting it

controller: ['A', function(A) {

    // now we can add the value to the scope and use it as we please...

    $scope.myVal = A;

}]

Check out: https://angular-ui.github.io/bootstrap/#/modal

Resolve:

Members that will be resolved and passed to the controller as locals; it is equivalent of the resolve property in the router.

And group is just a member (it could be anything you choose)