javascript - Ember disconnectOutlet 不会从 DOM 中删除模态模板

Question

我有模式对话框的简单实现，它接受模型的详细信息。由于我无法对不同的模型使用单个模板，因此我为每个模型创建了一个单独的模式。

在路线 A 上，我使用此代码来显示我的模式:

openAcctRegModal: function(request) {
        this.controllerFor('modal-acct-reg').set('model', request);
        return this.render('modal-acct-reg', { into: 'application', outlet: 'modal' });
    }

要关闭它，我在应用程序路由上使用 closeModal 函数，如下所示:

closeModal: function() {
        return this.disconnectOutlet({ outlet: 'modal', parentView: 'application'});
    }

这两条工作正常，所以我对另一条路线(例如路线 B)做了类似的事情:

 openModal: function(request) {
        this.controllerFor('modal-request').set('model', request);
        return this.render('modal-request', { into: 'application', outlet: 'modal' });
    }

然而，另一个并没有按预期工作。与路线A不同，在路线B中调用disconnectOutlet并不会完全从DOM中删除模态模板。

Answer 1

在一个更简单的模式对话框中再次遇到它。事实证明，具有模态 CSS 类的 div 元素未正确关闭。