首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >ngCloak是如何工作的?

ngCloak是如何工作的?
EN

Stack Overflow用户
提问于 2015-07-24 22:27:29
回答 2查看 167关注 0票数 0
代码语言:javascript
运行
复制
<html ng-app>
  <body>
    <p ng-cloak>{{foo}}</p>
  </body>
</html>

我的理解是:

  1. 呈现HTML页面。
  2. 发出DOMContentLoaded,角启动它的引导过程。
  3. 在编译阶段,当它看到ng-cloak指令时,它会应用display: none !important
  4. 在链接阶段期间/之后以及重呈现之前,它使用display: none !important指令从事物中删除该ng-cloak规则。

因此,我理解为什么从编译阶段开始到链接阶段结束都不会显示。但是我不明白为什么从HTML加载到编译阶段开始的时候,事情就不会显示出来。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-07-24 22:44:36

这一切在文档中都有解释

..。当浏览器加载此css规则时,使用ngCloak指令标记的所有html元素(包括其子元素)都会被隐藏。当角在模板编译过程中遇到这个指令时,它会删除ngCloak元素属性,使编译后的元素可见。

票数 1
EN

Stack Overflow用户

发布于 2015-07-24 22:50:57

除了文档中的解释之外。我在使用异步调用检索数据的网站上工作过,我使用ng斗篷来避免显示在编译过程结束之前可能还没有值的变量。我的用例是DOMContent可能已经在编译过程结束之前完成了加载,但是我的角度数据还没有准备好。希望这能给您一个用例的概念,但这并不是唯一的。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31620723

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档