Am I approaching the architecture of the angular2 application correctly?

Question

Angular

there are components and each component has its own service. I make all requests to api in the service. and I render the data directly from the service to the shtml:

<div *ngFor="user of service.items">{{user.name}}</div>

In the controller, when initializing, I do this:

ngOnInit() {
    this.active_route.params  // текущий роут
    .subscribe((params) => {
      this.service.key_id = params.id; // Ид редактируемого элемента
      this.service.refresh(); // обновление переменной  service.items
    });
  }

How kosher is this approach?