Как передать данные из компонента в сервис в angular 2?

1
2
3
4
5
6
7
8
9

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

@Injectable()
export class DataService {
  sendData(data: any) {
    // Здесь можно обработать данные или передать их куда-то
    console.log(data);
  }
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

import { Component } from '@angular/core';
import { DataService } from './data.service';

@Component({
  selector: 'app-my-component',
  template: '<button (click)="sendData()">Send Data</button>',
  providers: [DataService]
})
export class MyComponent {
  constructor(private dataService: DataService) {}

  sendData() {
    this.dataService.sendData({ message: 'Hello world' });
  }
}