<app-root> Angular +2中的用户百分比加载器

时间:2019-06-02 11:28:22

标签: angular

我的index.html是:

<body>
<app-root>
 Loading...
</app-root>
...
...

我有一个纯css加载程序,当我用加载程序替换Loading...时,它可以正常工作,现在我想实现从0%到100%的百分比加载,但是我无法对函数或ts处理进行任何处理index.html。最好的方法是什么?

1 个答案:

答案 0 :(得分:0)

加载百分比取决于您的内容。如果您知道需要加载什么内容和多少内容,则可以在每个内容之间分配100。例如,如果在启动时要加载5个不同的内容,则可以将每个20%的值相除。然后,您必须异步加载内容,并在每次加载内容中的一个时将计数器增加20。

var perCounter = 0;

// load each content
perCounter = perCounter + 20;

如何在HTML中显示百分比,可以通过各种选项选择一个。一个示例是here