问题描述
限时送ChatGPT账号..我正在打开可随时最小化、恢复、编辑并最终提交的对话框.我想要做的可能不仅仅是一个对话,但我希望它能解决问题.
I am opening Dialogs that can be minimized, brought-back, edited at any time and finally submitted. What I'm trying to do might be more than just a dialog but I'm hoping that it can work out.
现在我有了它,这样我就可以召唤我的对话框,用现有数据预先填充它,编辑和提交.我现在的主要问题是我不知道如何将最终的、可能已编辑的数据发送到我客户端的另一个控制器.
Right now I have it so that I can summon my dialog, pre-populate it with existing data, edit and submit. My major problem right now is that I have no idea how to send the final, possibly edited data to another controller in my client.
$scope.$broadcast 或 $scope.$emit 似乎不起作用.. 注入的控制器以某种方式驻留在其他控制器之外?
$scope.$broadcast or $scope.$emit doesn't appear to be working.. The injected controller resides outside of the others somehow?
这是我创建对话框的方式:
This is how I'm creating my dialog:
$scope.openDialog = function(index){
var html = $scope.buildHTML(index);
var opts = {
resizeable: true,
backdrop: false,
handle: ".modal-header",
template: html,
controller: 'OpenItemCtrl',
resolve: {
itemModel: function() {
return $scope.item[index];
}
}
};
var d = $dialog.dialog(opts);
d.open().then(function() {
// Right here I can determine that a dialog has closed.
alert(index);
});
};
这是我的控制器:
function OpenItemCtrl($scope, dialog, itemModel) {
$scope.item= {};
for(key in itemModel) {
$scope.item[key] = itemModel[key];
}
$scope.close = function(qty, src, price){
// I need to get these edited variables back
// into my controller classes somehow...
$scope.$emit("ItemFinalized", {msg:$scope.item});
$scope.$broadcast("ItemFinalized", {msg:$scope.item});
dialog.close();
};
}
如何将最终数据返回到我的控制器层次结构中,以便我可以根据需要传递它们?
How can I get my final data back into my controller hierarchy so I can pass them around as I need to?
推荐答案
总而言之,您调用对话服务对话框方法,它返回一个承诺,当该承诺得到解决时,将调用一个函数,该函数传递的数据是传递给对话框控制器中的对话框关闭调用.
Long and short of it, you call the dialog services dialog method it returns a promise, when that promise is resolved a function is called that is passed the data that is passed to the dialog close call in the dialog's controller.
http://angular-ui.github.io/bootstrap/#/dialog
$scope.opts = {
backdrop: true,
keyboard: true,
backdropClick: true,
template: t, // OR: templateUrl: 'path/to/view.html',
controller: 'TestDialogController'
};
$scope.openDialog = function(){
var d = $dialog.dialog($scope.opts);
d.open().then(function(result){
if(result)
{
alert('dialog closed with result: ' + result);
}
});
};
// the dialog is injected in the specified controller
function TestDialogController($scope, dialog){
$scope.close = function(result){
dialog.close(result);
};
}
这篇关于如何从 $dialog 控制器获取信息到任何其他控制器?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
更多推荐
[db:关键词]
发布评论