相关疑难解决方法(0)

防止双重大括号表示法在angular.js编译/插入文档之前暂时显示

当IE中存在大量要加载的图像/脚本时,它似乎主要是一个问题,{{stringExpression}}标记中文字的显示时间可能会很长,然后一旦完成角度的编译/插值就会消失.该文件.

有没有一个共同的原因,为什么会发生这种情况,这表明我做的事情总体上是错误的,或者是否有一种已知的方法来阻止这种情况？

angularjs

Jer*_*eir

lucky-day

297
推荐指数

6
解决办法

10万
查看次数

AngularJS:如何在加载时阻止页面中的"代码闪存"

我使用AngularJS创建了一个简单的应用程序.当我打开页面一秒钟时,我会看到下面的屏幕:

在此输入图像描述

但是,在加载完成后,我看到加载和样式化的内容很好:

在此输入图像描述

如何防止页面上的AngularJS代码闪存？这与FOUC有关吗？

这是HTML代码:

<!doctype html>
<html class="no-js" lang="en" ng-app="MainApp">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Foundation | Welcome</title>
    <link rel="stylesheet" href="css/foundation.css" />
    <script src="js/vendor/modernizr.js"></script>

    <style>
    .row.full-width {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: initial;
    }
    </style>

</head>

<body ng-controller="MainCtrl">
    <div class="off-canvas-wrap" data-offcanvas>
        <div class="inner-wrap">
            <nav class="tab-bar">
                <section class="right-small">
                    <a class="right-off-canvas-toggle menu-icon" href="#"><span></span></a>
                </section>
                <section class="left tab-bar-section">
                    <h1 class="title">Salary Calculator</h1>
                </section>
            </nav>

            <aside class="right-off-canvas-menu">
                <ul class="off-canvas-list">
                    <li>
                        <label>Location</label>
                    </li>
                    <li><a href="#">United Kingdom</a>
                    </li>
                </ul>
            </aside>

            <section …

Run Code Online (Sandbox Code Playgroud)

javascript fouc zurb-foundation angularjs

Cem*_*mre

2017 05-23

9
推荐指数

2
解决办法

2万
查看次数