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

您可以向解析部分添加更多对象：

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

Angular ui bootstrap模式传递多个参数

1 个答案: