首页 » 前端 » AngularJS » 正文

AngularJS 弹出模态窗口 $uibModal 示例

发布者:站点默认
2016/07/20 浏览数(6,484) 分类:AngularJS AngularJS 弹出模态窗口 $uibModal 示例已关闭评论
app.controller("commonCtl", function ($scope, $uibModal) {
	$scope.openDialog = function () {
		var modalInstance = $uibModal.open({
			templateUrl: 'dialog.html',
			controller: 'formCtl',
			windowClass: 'window',
			size: 'lg',
			resolve: {
				data: function () {
					return $scope.data;
				}
			}
		});

		modalInstance.result.then(
			function (data) { // 关闭时回传过来的值($uibModalInstance.close(data))
				$scope.data = data;
			},
			function (reason) { // 取消时
				// 点击空白区域:backdrop click
				// 点击取消:cancel
			}
		);
	};
})

app.controller("formCtl", function ($scope, $uibModalInstance, data) {
	$scope.data = data;
	$scope.close = function () {
		$uibModalInstance.close($scope.data); // 关闭时回传数据
	}
})
点击返回顶部
  1. 留言
  2. 联系方式