Angular 4 - (onclick) paramètre pass à un service

Question

J'utilise Angular 4 et je me demandais comment passer une valeur de paramètre à un service.

Par exemple:

<button (onClick)="doSomething('myParameter')">Send this to Service</button> 

Alors le service recevrions.

J'ai actuellement ceci:

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

@Injectable() 
export class MessageService { 

    constructor() { } 

    message() { 
    return 'This data goes to the component'; 
    } 

} 

et obtenir est comme ceci:

export class AppComponent implements OnInit { 

    constructor(private messageService: MessageService) {} 

    ngOnInit() { 
    console.log(this.messageService.message); 
    } 

} 

mais cela envoie uniquement des données au composant.

Comment faire?

Answer 1

Votre modèle devrait parler à votre classe de composant et votre classe de composant devrait parler à votre service.

Je vois que vous avez une méthode doSomething dans votre modèle qui n'est pas définie dans votre composant?

Vous avez besoin quelque chose comme ceci:

Composante 1

export class AppComponent implements OnInit { 

    constructor(private messageService: MessageService) {} 

    ngOnInit() { 

    } 

    doSomething(message: string): void { 
     this.messageService.message = message; 
    } 

} 

service

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

@Injectable() 
export class MessageService { 
    message: string; 

    constructor() { } 

} 

Composante 2

export class AppComponent implements OnInit { 
    get message(): string { 
    return this.messageService.message; 
    } 

    constructor(private messageService: MessageService) {} 

    ngOnInit() { 

    } 
}