Поделитесь функцией между несколькими видами на ионные 2 angularjs 2

Question

На нескольких взглядах на мое приложение с ионными 2 и угловыми я использую некоторые ионные тосты на каждой странице. Эти тосты Сообщения одинаковы для каждой страницы.

Можно ли определить эти сообщения в инъекционной службе или что-то, а не создавать одну и ту же функцию во всех файлах TS?

Answer 1

Как @Austin говорит, вы должны поставить свою логику внутри injectable service:

import {Injectable} from "@angular/core"; 

@Injectable() 
export class ToastService { 
    constructor(...) { 
     // ... 
    } 

    showToast() { 
     //.... 
    } 
} 

Тогда просто включить его в ionicBootstrap вашего файла app.ts для того, чтобы гарантировать, что тот же экземпляр службы будет использоваться во всей заявке.

ionicBootstrap(MyApp, [ToastService], {}); 

И, наконец, вы можете использовать его в component вы хотите, выполнив:

import {Component} from '@angular/core'; 
import {ToastService} from './toastService'; 

@Component({ 
    templateUrl: 'build/test.html' 

}) 
export class TestPage { 
    constructor(private toastService: ToastService) { 
    // ... 
    } 

    showMessage() { 
     // Use the service to show the message 
     this.toastService.showToast(); 
    } 
}