angularjs - ui-bootstrap 模态追加

Question

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

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-attribute 与uib-modal 一起使用。我没有取得任何成功，所以我最终进行了一些调试，并认识到在此版本的 ui-bootstrap 中 未实现appendTo-Option。不知道其他版本是不是这样。 只是想让你知道。