ui-bootstrap modal appendTo

Question

我正在使用带角度的ui-bootstrap模态将模态附加到我的文档。但是，我希望将模态附加到正文的子div中，其id为#base-view。这样，模态不会影响我页面上的标题。我有几个问题：

1）我正在尝试做什么，或者模态总是淡出整个文档

2）如果有可能，有人可以用我的方式指出错误

代码：

vm.modalInstance = $modal.open({
            templateUrl: config.TEMPLATES_URL + "reminders.template.html",
            controller: 'RemindersModalController',
            appendTo: angular.element(document.querySelector("#base-view"))
        });

此代码存在于基本html页面中使用的组件中。

当运行此代码时，模态确实会出现，但在检查元素时，它仍然是body div的子代，而不是#base-view div的子代。

我也想知道在调用所有这些内容时，＃base-view是否是dom的一部分。

Answer 1

我正在使用ui-bootstrap的 0.14.3 版本，并尝试将appendTo属性与uib-modal一起使用。我没有取得任何成功，所以我最后调试了一下，并认识到在这个版本的ui-bootstrap中，appendTo-Option 未实现。我不知道其他版本是否可以。 只是想让你知道。

Answer 2

你不能只增加标题的z-index值吗？

Answer 3

for child元素只需添加display:block