https://github.com/quobject/qs-angular2-busy
https://github.com/quobject/qs-angular2-busy
Last synced: 9 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/quobject/qs-angular2-busy
- Owner: Quobject
- License: mit
- Created: 2018-07-01T02:15:37.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2018-09-29T08:13:19.000Z (over 7 years ago)
- Last Synced: 2024-11-13T01:11:19.990Z (over 1 year ago)
- Language: TypeScript
- Homepage:
- Size: 124 KB
- Stars: 5
- Watchers: 4
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# qs-angular2-busy
from https://github.com/devyumao/angular2-busy
created for Angular 6 using
[Library support in Angular CLI 6](https://github.com/angular/angular-cli/wiki/stories-create-library)
[npm](https://www.npmjs.com/package/qs-angular2-busy)
```bash
npm i qs-angular2-busy
```
### angular.json
```json
...
"styles": [
"src/styles.css",
"node_modules/qs-angular2-busy/styles/busy.css"
],
...
```
### app.module.ts
```ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { AppComponent } from './app.component';
import { QsAngular2BusyModule } from 'qs-angular2-busy';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
BrowserAnimationsModule,
QsAngular2BusyModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
```
### app.component.ts
```ts
import { Component } from '@angular/core';
import { QsAngular2BusyModule, BusyConfig } from 'qs-angular2-busy';
import { of } from 'rxjs';
import { delay } from 'rxjs/operators';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'app';
busy: Promise;
ngOnInit() {
this.busy = AppComponent.PromiseDelay(2000);
}
public static PromiseDelay(timeout = 1000): Promise {
return of().pipe(delay(timeout)).toPromise();
}
}
```
### app.component.html
```html
Welcome
```