Angular 4 - （onclick）將參數傳遞給服務

Question

我正在使用Angular 4，我想知道如何將參數值傳遞給服務。

例如：

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

然後，服務會得到它。

目前，我有這樣的：

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

@Injectable() 
export class MessageService { 

    constructor() { } 

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

} 

，然後得到的是這樣的：

export class AppComponent implements OnInit { 

    constructor(private messageService: MessageService) {} 

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

} 

但這只是將數據發送到組件。

我該怎麼做？

Answer 1

您的模板應該與您的組件類對話，並且您的組件類應該與您的服務進行通信。

我看到您的模板中有一個doSomething方法未在組件中定義？

你需要的東西是這樣的：

組件1

export class AppComponent implements OnInit { 

    constructor(private messageService: MessageService) {} 

    ngOnInit() { 

    } 

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

} 

服務

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

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

    constructor() { } 

} 

組件2

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

    constructor(private messageService: MessageService) {} 

    ngOnInit() { 

    } 
}