ng4-preload

When get some data before run some function(eg. App Init or router resolve), during this time you can show this preload module to get better user experience.
在执行某些方法或者进入某些模块前需要加载一些数据时，可以调用这个preload模块来获得更佳的用户体验。

Install 安装

npm install ng4-preload --save

Use 使用

Import Module. 导入模块

  import { PreLoaderModule } from "ng4-preload";
    @NgModule({
        imports: [
             ...,
            PreLoaderModule
        ]
    })

Providers Service. 声明Service

  import { PreLoaderService } from "ng4-preload";
    @NgModule({
        ...,
        providers: [PreLoaderService]
    })

Add Tag. 添加标签

//add tag near your <router-outlet> or anywhere you can sure it will run.  在你的<router-outlet>附近插入这个标签，或者你确信它可以运行的任何地方。
<pre-loader [mintime]="6000" [text]="'Loading ...'" [fontsize]="30" [fontweight]="500" [fontcolor]="'#fff'" [background]="'#000'">
    <span>Loading ...</span>
</pre-loader>

Start & End. 开始和结束

import { PreLoaderService } from "ng4-preload";
 constructor(private router: Router,private preloaderservice:PreLoaderService) {
        preloaderservice.start();
        setTimeout(()=>{
             preloaderservice.end();
        },10000); //simulate ajax. 模拟ajax延时操作
    }

Parameters. 参数

• mintime: minimum millisecond you want(default 5000 millisecond, and you could input 1 to remove wait time that just good for look).
  您所期望的最低加载时间（默认为5000毫秒，您可以输入1来去除只是看上去很美好的等待时间）。
• text: Loading text you want(default is 'Loading ...').
  您所期望的Loading文字（默认为'Loading ...'）。
• fontsize: the font size.
  文字大小。
• fontweight: the font weight.
  文字粗细。
• fontcolor: the font color.
  文字颜色。
• background: the background.
  背景颜色。

About&Problems

  var sendToMe = {
    email : "manxiaobooo@126.com"
  }