javascript - 无法将对象传递给 AngularUI 模式

Question

我最近开始学习 AngularJS，正在研究 Angular UI for Bootstrap 的用途框架。

但是，我在一个非常基本的测试用例中遇到了障碍!

Fiddle: My Failing Modal

我想做的是打开一个具有动态标题和内容的模式(在这个简单的测试中，我只是从 $scope.open(_, _, _) 调用，为简单起见)。

但是，有一个小问题 - 遵循Modal Example on the Angular UI for Bootstrap page ，我发现自己无法将 params 对象从 ModalController (处理模式演示的部分的 Controller )传递到 ModalInstanceController，控制各个模式对话。

具体来说，我收到以下错误:

TypeError: Cannot read property 'title' of undefined
at new <anonymous> (http://fiddle.jshell.net/pEmXt/show/:68:24)
at invoke (http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.js:3624:28)
at Object.instantiate (http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.js:3636:23)
at http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.js:6639:28
at http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.11.0.min.js:8:28715
at wrappedCallback (http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.js:10597:81)
at http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.js:10683:26
at Scope.$eval (http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.js:11576:28)
at Scope.$digest (http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.js:11421:31)
at Scope.$apply (http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.js:11682:24)

问题:如何正确地将参数从总体 Controller 传递到对话实例 Controller ？

Answer 1

我对你的 fiddle 中的代码做了一些更改。

特别补充:

$scope.params = [];

和

resolve: {
    params: function() {
        $scope.params = {
            title: modalTitle,
            message: modalMessage
        }
        return $scope.params;
    }
}

在ModalController内。我还更改了声明 Controller 的方式:

var ModalController = function ($scope, $modal, $log) { ...

var ModalInstanceController = function ($scope, $modalInstance, params) { ...

基于您链接的示例。

http://jsfiddle.net/pEmXt/2/