Angular ui bootstrap模式传递多个参数

Question

我正在为我的一个应用程序使用角度ui bootstrap模式.目前我使用以下方法调用模态实例:

<button class="btn btn-default btn-sm pull-right" 
ng-click="open({{node.id}})">Add Course <span class="glyphicon glyphicon-plus">
</span>
</button>

我已经将模态定义如下:

$scope.open = function (node) {
    var modalInstance = $modal.open({
        templateUrl: 'myModalContent.html',
        controller: ModalInstanceCtrl,
        resolve: {
            detail: function() {
                return node;
            }
        }   
    });
};

这里open()函数传递节点的id.这里的节点是一个django项目,其中包含id,required等详细信息.

我的模态实例定义如下:

var ModalInstanceCtrl = function ($scope, $http, $log, $modalInstance, detail) {
    $scope.subcategory = detail;
};

到目前为止,模态工作正常,我能够将node.id传递给模态.但是现在我想将节点内的其他参数传递open({{node.required}}, {{node.id}})给模态.如何修改我的模态open()和modalinstance()函数以接收multiplt参数？

Answer 1

您可以向resolve部分添加更多对象:

$scope.open = function (node, node2) {
    var modalInstance = $modal.open({
        templateUrl: 'myModalContent.html',
        controller: ModalInstanceCtrl,
        resolve: {
            detail: function() {
                return node;
            },
            detail2: function() {
                return node2;
            }
        }   
    });
};