uibmodal是AngularJS框架中的一个模态框组件,用于创建弹出式窗口。在uibmodal中传递参数可以通过以下几种方式实现:
var modalInstance = $uibModal.open({
templateUrl: 'myModalContent.html',
controller: 'ModalInstanceCtrl',
resolve: {
items: function () {
return $scope.items; // 传递的参数
}
}
});
app.controller('ModalInstanceCtrl', function ($scope, $uibModalInstance, items) {
$scope.items = items; // 获取传递的参数
});
var modalInstance = $uibModal.open({
templateUrl: 'myModalContent.html',
controller: 'ModalInstanceCtrl',
modalScope: {
items: $scope.items // 传递的参数
}
});
app.controller('ModalInstanceCtrl', function ($scope, $uibModalInstance) {
$scope.items = $scope.$parent.items; // 获取传递的参数
});
var modalInstance = $uibModal.open({
templateUrl: 'myModalContent.html',
controller: 'ModalInstanceCtrl',
controllerAs: 'modalCtrl',
resolve: {
items: function () {
return $scope.items; // 传递的参数
}
}
});
app.controller('ModalInstanceCtrl', function ($uibModalInstance, items) {
var modalCtrl = this;
modalCtrl.items = items; // 获取传递的参数
});
以上是在uibmodal中传递参数的几种常见方式。根据具体的业务需求和开发习惯,选择适合的方式进行参数传递。
领取专属 10元无门槛券
手把手带您无忧上云