Status network (Estado de la red)

Instalacion

npm i ngx-status-network

Importar modulo

@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        BrowserModule,
        NgxStatusNetworkModule 
    ],
    providers: [],
    bootstrap: [AppComponent]
})

Inicializarlo

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.scss']
})
export class AppComponent {
    title = 'test-status-network';

    constructor(private _statusNetwork: NgxStatusNetworkService) {
        this._statusNetwork.networkStatusChangeDetection();
    }
}

Tipos de alertas

Estas alertas se muestran cuando hay un cambio en la red.

Red estable

Red baja

Red no establecida

Ajustes de personalizados

Inicialmente la libreria carga unos mensajes por defecto, pero se pueden personalizar de la siguiente manera a la hora de instanciar en el constructor de la clase.

    constructor(private _statusNetwork: NgxStatusNetworkService) {
        this._statusNetwork.networkStatusChangeDetection({
            stableNetwork: '', /* Mensaje de conexion estable */
            lowNetwork: '', /* Mensaje de conexion lenta */
            notNetwork: '' /* Mensaje de conexion no establecida */
        });
    }