在AngularJS中,可以使用基本控制器来与模态服务进行交互。下面是一个包含代码示例的解决方法:
app.controller('MyController', ['$scope', '$uibModal', function($scope, $uibModal) {
$scope.openModal = function() {
var modalInstance = $uibModal.open({
templateUrl: 'myModal.html', // 模态对话框的HTML模板
controller: 'ModalController', // 模态对话框的控制器
size: 'sm' // 模态对话框的尺寸,例如:sm(小)、md(中)、lg(大)
});
// 模态对话框关闭后的回调函数
modalInstance.result.then(function(result) {
console.log('模态对话框关闭,返回的结果为:', result);
}, function() {
console.log('模态对话框取消');
});
};
}]);
app.controller('ModalController', ['$scope', '$uibModalInstance', function($scope, $uibModalInstance) {
$scope.ok = function() {
$uibModalInstance.close('确认');
};
$scope.cancel = function() {
$uibModalInstance.dismiss('取消');
};
}]);
模态对话框标题
这是模态对话框的内容。
通过以上步骤,当点击按钮时,会弹出一个模态对话框,用户可以点击确认或取消按钮进行交互。当对话框关闭时,控制器中的回调函数会被触发,可以处理相应的逻辑。
上一篇:AngularJs加载时间优化