angularjs - 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 函数返回的函数。