Question

我正在打开可以随时最小化，带回，编辑并最终提交的对话框。我正在尝试做的可能不仅仅是一个对话，但我希望它可以解决。

现在我拥有它以便我可以召唤我的对话框，预先填充现有数据，编辑和提交。我现在的主要问题是我不知道如何将最终的，可能编辑过的数据发送到我客户端的另一个控制器。

$ scope。$ broadcast或$ scope。$ emit似乎没有工作..注入的控制器以某种方式驻留在其他控制器之外？

这就是我创建对话框的方式：

$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();
    };
}

如何将我的最终数据恢复到我的控制器层次结构中，以便我可以根据需要传递它们？

Answer 1

它的长短之处，你调用对话框服务对话框方法它返回一个promise，当解析了这个promise时，调用一个函数，该函数传递给对话框控制器中传递给对话框close调用的数据。

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控制器获取信息到任何其他控制器？

1 个答案: