У меня есть этот код в шаблоне:
<li *ngFor="let ship of shipService.sideNavigationShips">
{{ship.name}}
</li>
И что-то подобное в моем сервисе (сервис внедряется в компонент, который вызывает service.loadSideNavigationShips()
на init
):
sideNavigationShips: ShipDto[];
async loadSideNavigationShips() {
this.sideNavigationShips = (await this.search()).data.result;
}
async createShip(ship: ShipDto) {
await this.create(ship);
this.loadSideNavigationShips();
}
Таким образом, когда какой-либо другой компонент вызывает createShip()
, шаблон shipService.sideNavigationShips
в шаблоне будет автоматически обновлен.
Но я полагаю, что с этим подходом что-то не так, поскольку я никогда не видел, чтобы сервис непосредственно использовался в шаблоне. Я хотел бы знать, если я что-то упускаю и есть ли какие-либо недостатки в этом.