Как обновлять данные «дочерней» модели?

Question

[Ole89]

Всем здравствуйте!
Есть новости с привязанными к ним тэгами, то есть модель News такая:

import {Tags} from "./Tags";
export class News{
    id: number;
    title: string;
    text: string;
    tags: Tags;
}

Соответственно, именно такая json-структура и приходит с бекенда, то есть для каждой новости приходит массив тэгов.

Интересует как обновлять данные при добавлении/удалении тэга (с бекенда все данные приходят)? Если обновляем новости, то всё понятно, в шаблоне просто подгружаются новые сразу после ответа:
component:

this.http.get<News>('http://site.ru/api/add_news?news_id=' + news_id)
            .subscribe(
              data => { this.news = data; },
              error => { });

template:

<div *ngFor="let item of news">
  <p> {{item.title}} </p>
  <p> {{item.text}} </p>
</div>

Но как мне обновить тэги? Пытаюсь делать так, но не работает (и не удивительно):
component:

this.http.get<Tags>('http://site.ru/api/add_tags?tag_name=' + tag_name)
            .subscribe(
              data => { this.tags = data; },
              error => { });

template:

<div *ngFor="let item of news">
  <p> {{item.title}} </p>
  <p> {{item.text}} </p>
  <div name="tags" *ngFor="let tag of item.tags">
  </div>
</div>

Как быть с отображением новых тэгов с учетом того, что это "дочерняя" модель?

А может быть вообще я использую не самый оптимальный способ?

Спасибо