@demacia/ngx-loader NPM

ngx-loader

Flexible angular loading plugin，width load awesome built-in

✨ 插件特性

内置 load awesome
灵活，可自定义 loading 动画模板、loading 文字描述模板、整体布局模板
支持全屏和窗口模式
支持多个 loader 模式
支持延时显示，在响应较快时 loader 不会显示。(使用 css 延时，不会被 DOM 渲染阻塞)

🔗 链接

📦 安装

npm install @demacia/ngx-loader --save

🔨 使用

1. 引入module

import { LoaderModule } from '@demacia/ngx-loader';

@NgModule({
    imports: [
        LoaderModule
    ]
})
export class AppModule {
}

2. 使用方式

<!-- example.component.html -->
<loader></loader>

\@Component({
    templateUrl: './example.component.html'
})
export class ExampleComponent {

    users: any[];
    
    constructor(private loaderService: LoaderService,
                private userService: UserService) {
    }

    ngOnInit() {
        this.loaderService.show();
        this.userService.getUsers().subscribe(res => {
            this.users = res;
            this.loaderService.hide();
        });
    }

}