Question

在我的模板中，我使用ng-click="$widget.addItem()"来触发$uibModal。

一切正常，开放，关闭等。

问题是，我无法获得$modal.close($value)回调值。函数本身工作正常，模态关闭，并且调用promise成功函数。问题是，它总是返回undefined。

组件控制器

app.component('list', {
    templateUrl: 'widgets/list.html',
    controllerAs: '$widget',
    controller: function($uibModal) {

        // Add item through modal
        this.addItem = function() {

            // Init and open $uibModal
            var modalInstance = $uibModal.open({
                component   : 'modalAddItem',
                size        : 'md'
            });

            // $uibModal promise
            modalInstance.result.then(function(params) {
                console.log(params)
                // ---> undefined 
            });
        }
    }
}

模态模板

<div class="modal-add-item">

    <div class="modal-body" id="modal-body">
        // Some template stuff here 
    </div>

    <div class="modal-footer">
        <button class="btn btn-sm btn-default" ng-click="$modal.ok()">Ok</button>
    </div>

</div>

模态组件

app.component('modalAddItem', {
    templateUrl: 'widgets/modals/add-item.html',
    bindings: {
        resolve: '<',
        close: '&',
        dismiss: '&'
    },
    controllerAs: '$modal',
    controller: function ($scope) {

        this.ok = function() {
            this.close({item: 'picked item'});
        }

    }
});

一切正常。但无论我尝试什么，close函数总是返回undefined

Answer 1

您应该使用$value代替项目。

this.ok = function() {
  this.close({$value: 'picked item'});
}

close - 一种可用于关闭模态，传递结果的方法。结果必须以这种格式传递：{$ value：myResult}

Angular UI bootstrap

$ uibModal close（$ value）回调始终返回undefined

1 个答案: