Angular UI Bootstrap - 模态不会在第一次点击时弹出

Question

我正在尝试为登录/注册表单制作一个模式，并想做一些可重复使用的东西，我遇到了this blog post，它通过制作指令来完成。我使用它以及 angular-ui-bootstrap 文档来制作我的模态。它确实有效，但是当我第一次单击按钮弹出模式时，它不起作用。我可以看到使用 Batarang 创建的范围，但没有弹出任何内容。随后的点击确实有效，如果我有 2 个按钮，无论我先按哪个，它都不起作用，之后任何一个都起作用。

我编了一个plnkr 来展示这一点。我正在使用模板等，所以我添加了这些。可以看到，按“注册”或“登录”不会弹出模态框，但是如果再次点击，模态框就会弹出。您还可以看到使用 Batarang 在首次按下时创建的范围。

提前感谢您的帮助！

编辑： 我发现了更多可能有用的信息。第一次点击链接时，scope.closeFormModal 被调用。

Answer 1

尝试添加：

 scope.$watch(
    function () {
        return scope.formModal;
    },
    function (newData, oldData) {
        if (newData === oldData) {
            return;
        }
        if (newData) {
            $compile($element.contents())(scope);
        }
    });

链接从 $compile 函数返回的函数。