Angular2-message-service NPM

angular2-message-service

Installation

To install this library, run:

$ npm install angular2-message-service --save

Consuming your library

Once you have published your library to npm, you can import your library in any Angular application by running:

$ npm install angular2-message-service

and then from your Angular AppModule:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import your library
import { UiMessageServiceModule } from 'angular2-message-service';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    // Specify your library as an import
    UiMessageServiceModule.forRoot()
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Once your library is imported, you can use its components, directives and pipes in your Angular application:

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { UiMessageService } from 'angular2-message-service';

/**
 * Generated class for the AccountPage page.
 *
 * See http://ionicframework.com/docs/components/#navigation for more info
 * on Ionic pages and navigation.
 */

@IonicPage()
@Component({
  selector: 'page-account',
  templateUrl: 'account.html',
})
export class AccountPage {

  public user: any;

  constructor(
    public navCtrl: NavController,
    public navParams: NavParams,
    private _uiMessageService: UiMessageService
  ) {
    this._uiMessageService.showLoading("Carregando dados...");
    try{
      // Your Code
      this._uiMessageService.hideLoading();
    }catch(error){
      // Error behavior
      this._uiMessageService.hideLoading();
    }
  }

}