javascript - 在加载指令模板之前加载 ng-transinclude 内容的指令

Question

我正在制作一个指令，其中包含一个加载的模板，以及一些传入的嵌入内容。所以本质上我的 html 是

<my-directive>
    <div>Some transcluded content</div>
</my-directive>

但是，当我的页面加载时，有那么一瞬间我只看到页面上嵌入的内容。我猜测页面最初加载和指令模板加载之间存在延迟。有没有办法隐藏嵌入的内容，直到指令模板加载为止？

非常感谢，第一次快速加载确实是一种不和谐的体验。有谁知道如何解决这个问题吗？

Answer 1

好吧，我找到了一个可以使用 ngCloak 的解决方案。我按照说明here进行操作，添加这个CSS

[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}

以及我的指令的 ng-cloak 指令

<my-directive id="..." class="..." ng-cloak>
    <div>Transcluded content</div>
</my-directive>

这会阻止 div 在指令被编译/评估之前显示。希望这对遇到此问题的其他人有所帮助。