Passing data through open modal function Angular uibModal
Just add a property in resolve object unitNumber
with a function returning unit_number
value from it. So that you can get the unit_number
value inside AddTenantModalCtrl
by injecting unitNumber
dependency in controller factory function.
resolve: {
group: function () {
return $scope.group;
},
unitNumber: function(){
return unit_number
}
}
Note: Don't directly do
unitNumber: unit_number
, because when you have that, angular DI system will try to search the dependency with nameunit_number
(value) and It will try to evaluate it as function. Resultant you will get$injector
error in console.
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)