Javascript 指令加载ng在加载指令模板之前转移内容

我正在制作一个指令，该指令有一个加载的模板，其中包含一些传递进来的转置内容。所以本质上我的html是

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

一些隐藏的内容

然而，当我的页面加载时，在一瞬间我只看到页面上的转置内容。我猜在页面最初加载和指令模板加载之间会有延迟。有没有办法在指令模板加载之前隐藏转写的内容

---

非常感谢你，这真的是一个不和谐的经验，有负荷第一快。有人知道如何解决这个问题吗？

将类

ng hide

添加到临时指令中，它将在angular开始工作时自动删除

<my-directive ng-show="true" class="ng-hide">
    <div>Some transcluded content</div>
</my-directive>

希望这有帮助

谢谢，

---

SA

好吧，我找到了一个使用

ngclope

的解决方案。我按照说明添加了这个css

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

以及

ng-clope

指令到我的指令

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

转载内容

---

这将防止在编译/计算指令之前显示div。希望这能帮助其他遇到此问题的人。

angular如何自动删除ng hide类？我刚试过这个，但没有自动删除。哦，我的错。我刚刚更新了答案。请看一看。您还必须添加

ng show

属性。查看

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