通过$modal.open创建窗口,执行数据添加保存操作,关闭之后如何刷新之前的数据展示页面(应该是父页面吧)?
$scope.addRole = function () {
var modalInstance = $modal.open({
templateUrl: "xx.html",
size: 'md',
controller: addRole
});
modalInstance.opened.then(function () {// 模态窗口打开之后执行的函数
});
modalInstance.result.then(function (result) {
//这是关闭模态框的回调函数,可以在这里去重新请求父页面的数据
http.addRole(result, function () {
getData();
});
});
}
在父页面这样调用模态框组件
http://blog.csdn.net/qq_26626...
楼上 _bleach 说的是正解,有一点要注意的在子控制器里的回调函数,$uibModalInstance.dismiss('cancel')或者$uibModalInstance.close('cancel')可以传给父控制器里的modalInstance.result.then(),意思就是关闭子控制器也可以把你想要的信息传给父控制器
当在modal里填写完数据,点击保存按钮时把数据push到之前的数据,页面会自动更新的