Обучаюсь Angular 2 и возник вопрос. Имеется 2 компонента:
TodoComponent
import {Component, OnInit} from '@angular/core';
import {Todo} from '../todo';
import {HttpService} from '../http.service';
import {Observable} from 'rxjs/Observable';
@Component({
selector: 'app-todo',
templateUrl: './todo.component.html',
styleUrls: ['./todo.component.css']
})
export class TodoComponent implements OnInit {
todos: Observable<Todo[]>;
constructor(private httpService: HttpService) {
}
ngOnInit() {
this.todos = this.httpService.getTodos();
}
}
и AppComponent
import { Component } from '@angular/core';
import {Todo} from './todo';
import {HttpService} from './http.service';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css'],
providers: [HttpService]
})
export class AppComponent {
todo: Todo = new Todo();
constructor(private httpService: HttpService) {}
submit(todo) {
this.httpService.setTodo(todo.value).subscribe((data) => { });
}
}
TodoComponent загружается через <router-outlet></router-outlet>
. Он загружает данные с сервера, а AppComponent добавляет новые данные на сервер через метод submit. Как сделать повторную загрузку данных в TodoComponent, при нажатии кнопки из AppComponent?