Angular UI modalinstance传数据给view

Question

我想使用 angular ui bootstrap 插件将数据从 1 个视图（主视图）传递到模态视图，下面是我的代码，但似乎不起作用：

主视图

vm.receipt_id = "1234"

<button type="button" class="btn btn-default" ng-click="vm.alertMeJimmy(vm.receipt_id)">Large modal</button>

控制器

       vm.alertMeJimmy = function(receipt_id) {

            $uibModal.open({
            animation: true ,
            templateUrl: '/cashier/views/cashier.angular_components.modal',
            controller: 'PatientsController',
            controllerAs: 'vm',
            resolve: {
             receipt_id : function () {
                  return receipt_id ;
                }

             },
            size: 'lg'

          });

        }

模式视图

我喜欢在我的模态视图中像下面这样访问它

<span ng-bind="vm.receipt_id " ></span>

Answer 1

Return 对象而不是基元：

angular.module('App').controller('Controller', [
             '$uibModal',
    function ($uibModal) {
        var vm = this;
        vm.receipt_id = 1234;
        vm.alertMeJimmy = function (receipt_id) {
            var modalInstance = $uibModal.open({
                size: 'sm',
                templateUrl: 'modal.html',
                controller: 'Modal as vm',
                resolve: {
                    'receipt': { id: receipt_id }
                }
            });
        }
    }
]);

angular.module('App').controller('Modal', [
             'receipt',
    function (receipt) {
        var vm = this;
        vm.receipt = receipt;
    }
]);

Plunker 示例：http://plnkr.co/edit/d9RLJLHr1zr9d5gVKHpD?p=preview

Angular UI modalinstance传数据给view

Angular UI modalinstance pass data to view

angularjs

angular-ui-bootstrap