有没有办法加载微调框
[`https://plnkr.co/edit/yhA0AwY9gzd0JsxhDouz?p=preview`][1]
而不是在事件(单击)上,而是在应用程序加载时在开始加载页面上,我知道加载模块的棘手的bcs指令无法在应用程序之前加载,但是如果有人这样做,可能是其他方式。谢谢。
最佳答案
如果查看-> http://akveo.com/ngx-admin/,则可以看到所需的效果。
他们实现此目标的方法是将代码波纹管<my-app> Loading... </myapp>
放在index.html
文件中。
这是他们的仓库-> https://github.com/akveo/ngx-admin的链接,您要查找的index.html
正文部分如下所示:
<body>
<ngx-app>Loading...</ngx-app>
<style>@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-moz-keyframes spin{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.spinner{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1003;background: #000000;overflow:hidden} .spinner div:first-child{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;box-shadow:0 3px 3px 0 rgba(255,56,106,1);transform:translate3d(0,0,0);animation:spin 2s linear infinite} .spinner div:first-child:after,.spinner div:first-child:before{content:'';position:absolute;border-radius:50%} .spinner div:first-child:before{top:5px;left:5px;right:5px;bottom:5px;box-shadow:0 3px 3px 0 rgb(255, 228, 32);-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite} .spinner div:first-child:after{top:15px;left:15px;right:15px;bottom:15px;box-shadow:0 3px 3px 0 rgba(61, 175, 255,1);animation:spin 1.5s linear infinite}</style>
<div id="nb-global-spinner" class="spinner">
<div class="blob blob-0"></div>
<div class="blob blob-1"></div>
<div class="blob blob-2"></div>
<div class="blob blob-3"></div>
<div class="blob blob-4"></div>
<div class="blob blob-5"></div>
</div>
</body>
关于javascript - Angular5:在加载页面之前加载微调器,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/48303702/