gpt4 book ai didi

javascript - ngCloak 是如何工作的?

转载 作者:行者123 更新时间:2023-12-03 09:27:29 26 4
gpt4 key购买 nike

<html ng-app>
<body>
<p ng-cloak>{{foo}}</p>
</body>
</html>

我的理解是:

  1. HTML 页面已呈现。
  2. 发出 DOMContentLoaded,Angular 开始其引导过程。
  3. 在编译阶段,当它看到ng-cloak时指令,它适用 display: none !important .
  4. 在链接阶段期间/之后以及重新渲染之前,它会删除 display: none !important规则来自 ng-cloak 的事物指令。

所以我明白为什么从编译阶段开始到链接阶段结束期间不会显示内容。但我不明白为什么从加载 HTML 到编译阶段开始都不会显示内容。

最佳答案

这一切都在 documentation 中有解释。 :

[...] When this css rule is loaded by the browser, all html elements (including their children) that are tagged with the ngCloak directive are hidden. When Angular encounters this directive during the compilation of the template it deletes the ngCloak element attribute, making the compiled element visible.

关于javascript - ngCloak 是如何工作的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31620723/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com