gpt4 book ai didi

css - [ng\:cloak] [ng-cloak] selectors (Contained in Spring Boot Security Tutorial)? 的目的是什么

转载 作者:行者123 更新时间:2023-11-28 11:30:38 25 4
gpt4 key购买 nike

我正在学习一个 spring boot 教程,它包含一个带有以下 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,奥莱

最佳答案

从 Angular documentation :

The ngCloak directive is used to prevent the Angular html template from being briefly displayed by the browser in its raw (uncompiled) form while your application is loading. Use this directive to avoid the undesirable flicker effect caused by the html template display.

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

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

编辑:

在 css 规则中使用哪个选择器取决于您在 html 标记中使用的语法。相同的指令可能会以不同的方式触发——通过元素名称、类名称或属性名称。您可以通过这种方式启用此指令 <div ng:cloak></div> .那么拥有[ng\:cloak]就足够了选择器只在你的 CSS 中。

ngCloak的目的指令是删除 ng-cloak类和属性(从而使元素可见)一旦编译结束

关于css - [ng\:cloak] [ng-cloak] selectors (Contained in Spring Boot Security Tutorial)? 的目的是什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37626335/

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