Javascript ng include不工作，请求文件时似乎延迟

我在使用ng include模板时遇到问题，我有一个登录页面，显示一个模式窗口，其内容取决于尝试注册的结果

我使用ng include来填充模式窗口的内容，如：

<div class="md-modal md-effect-10" id="loginModal">
    <div class="md-content">
        <h3 ng-include = "loginTemplate.header"></h3>
        <div ng-include = "loginTemplate.body"></div>
    </div>
</div>

然而，发生的是，窗口显示时模板中没有任何内容，只有当我关闭窗口时，模板才会被请求。然后，如果我通过键入以下内容再次显示窗口：

$('#loginModal').addClass('md-show');

模板化的内容就在那里

您可以在下面的链接中看到它的实际操作，您需要单击“注册”登录逻辑尚未连接

---

有线索吗？

问题是，当您的

模式

显示时，您的页面

header.html

和

body.html

不可用，因为从服务器获取

页面几乎没有延迟

任何类型的
HTML
操作都需要。因此，使用一个指令来显示您的模态
在
HTML中

<div my-modal class="md-effect-10" id="loginModal">
    <div class="md-content">
        <h3 ng-include = "loginTemplate.header"></h3>
        <div ng-include = "loginTemplate.body"></div>
    </div>
</div>

<div my-modal class="md-effect-10" id="loginModal">
    <div class="md-content">
        <h3 ng-include = "loginTemplate.header"></h3>
        <div ng-include = "loginTemplate.body"></div>
    </div>
</div>

myApp.directive('myModal', function() {
    return {          
      link: function(scope, element) {
        element.addClass('md-show');
      }
    }
  })