页面加载时简要显示html

sou*_*ung 2 html loading ngcloak angular

在我的Angular应用程序中,我的菜单组件html代码在页面加载时会短暂显示.即使我使用display none css隐藏菜单html根元素,当页面开始加载时仍会显示html.我已经阅读了很多关于ng-cloak(https://docs.angularjs.org/api/ng/directive/ngCloak)的内容,但似乎Angular 4没有ngCloak.

所以我不知道如何防止这种不愉快的影响.

Angular 4是否有ng-cloak的等效指令?如何正确显示页面而不显示加载时没有样式的HTML?

Hen*_*ann 5

index.html文件不应包含任何特定于应用程序的HTML代码.但只是一些标题和应用程序的根标记.它可能在根标记内包含占位符文本,如"正在加载".

应用程序的所有html代码都应该在app.component.html和/或其他组件中.

@ angular/cli生成一个index.html"template"文件,如下所示:

<!doctype html>
<html>
    <head>
        ...
    </head>
    <body>
       <app-root>Loading...</app-root>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

浏览器立即显示"正在加载..."文本.在Angular初始化之后,它将被实际应用程序替换.要获得白页,只需删除文本.

  • 嗨亨德里克.我的index.html dos不包含任何特定的html代码.它只包含app-root标签,其组件包含标头.所以加载...显示.在显示标题的无标题html之后.那就是问题所在. (2认同)