个人中心
gpt4 book ai didi

angularjs - ng-cloak 对闪烁的 Angular 代码没有任何影响

转载 作者：行者123 更新时间：2023-12-05 01:01:43 32 4
gpt4 key购买 nike

当我在下一页按住 F5 按钮时，AngularJS 变量 {{message}}和 {{titleHelp}}闪烁。

我已经读过要删除这个我可以放 ng-cloak在 body 标签中。但是，这没有效果，即它不会停止闪烁。

即使我把它放在这里:

<div ng-cloak>message: {{message}}</div>

该变量仍然闪烁。

我还需要做什么才能使 ng-cloak 起作用？ 
<html>
    <head>
        <style type="text/css">
        </style>
    </head>
    <body ng-app="mainModule" ng-controller="dataController" ng-cloak>

        <div>message: {{message}}</div>
        <div><input type="checkbox" ng-model="desired" ></div>
        <div>Title: <input type="text" ng-focus="showHelp()" ng-blur="removeHelp()" ng-model="title" 
                           ng-copy="handleCopy()" /> {{titleHelp}}</div>
        <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
        <script src ="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
        <script>

            var mainModule = angular.module('mainModule', []);
            function dataController($scope) {
                $scope.desired = true;
                $scope.message = 'This is a test.';
                $scope.showHelp = function () {
                    $scope.titleHelp = 'this is the title help';
                };
                $scope.removeHelp = function () {
                    $scope.titleHelp = '';
                };
            }
        </script>
    </body>
</html>

最佳答案

您是否添加了隐藏 [ng-cloak] 属性的样式？

当浏览器加载此 css 规则时，所有用 ngCloak 指令标记的 html 元素(包括它们的子元素)都将隐藏。当 Angular 在模板编译期间遇到此指令时，它会删除 ngCloak 元素属性，使编译后的元素可见。

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

关于angularjs - ng-cloak 对闪烁的 Angular 代码没有任何影响，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27802094/

32 4 0
文章推荐： scala - 喷雾测试 gzip 解码
文章推荐： shell - 每行文件unix中的字节数
文章推荐： haskell - 内存类型为 [Integer] -> a 的函数
文章推荐： r - 查看 R 中的柯里化(Currying)函数(反向柯里化(Currying)？)
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com