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?
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初始化之后,它将被实际应用程序替换.要获得白页,只需删除文本.