5

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

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

在此先感谢您的帮助!

编辑:我发现了更多可能有用的信息。我第一次单击该链接时,将调用 scope.closeFormModal。

4

1 回答 1

0

尝试添加:

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

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

于 2014-07-02T13:15:56.083 回答