角度4 - （onclick）サービスにパラメータを渡す

Question

私は角度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() { 

    } 
}