css - [ng\:cloak] [ng-cloak]选择器的目的是什么(包含在Spring Boot Security教程中)？

我正在阅读一个春季启动教程，它包含一个带有以下CSS的示例：

    <style type="text/css">
    [ng\:cloak], [ng-cloak], .ng-cloak {
      display: none !important;
    }
    </style>
    </head>

    <body ng-app="hello">
      <div class="container">
        <h1>Greeting</h1>
        <div ng-controller="home" ng-cloak class="ng-cloak">

我不理解披风课是做什么的。我只是想知道前两个看起来很奇怪的选择器的目的是什么？

TIA，
奥莱

最佳答案

从角度documentation：

ngCloak指令用于防止Angular html模板在加载应用程序时被浏览器以其原始（未编译）形式短暂显示。使用此伪指令可避免由html模板显示引起的不希望的闪烁效果。

这是通过在页面上添加您提到的css规则来完成的，其中[ng-cloak]-是attribute selector，它按属性而不是类，id或元素名称匹配元素：

<div ng-cloak>...</div>

编辑：

在CSS规则中使用哪个选择器取决于您在html标记中使用的语法。相同的指令可能以不同的方式触发-由元素名称，类名称或属性名称触发。您可以通过<div ng:cloak></div>启用此指令。然后，仅在CSS中具有[ng\:cloak]选择器就足够了。

ngCloak指令的目的是在结束编译后删除ng-cloak类和属性（从而使元素可见）。

关于css - [ng\:cloak] [ng-cloak]选择器的目的是什么(包含在Spring Boot Security教程中)？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37626335/