Как обновить компонент заголовка при изменении данных в сервисе?

Question

Ссылка: Как определить изменение служебной переменной при обновлении из другого компонента?

Текущее поведение: пользователи входят в систему, и пункты меню не обновляются при изменении значений переменных в компоненте заголовка. Обновляется только при обновлении страницы.

Ожидаемое поведение: Скрыть меню некоторых пунктов меню при входе пользователя в систему - немедленно.

Компонент заголовка содержит меню и подписан на услугу аутентификации:

isAuthenticated: boolean = false;

this.items = [
  {
    title: 'Home',
    link: '/',
    home: true,
  },
  {
    title: 'Dashboard',
    link: '/dashboard',
    hidden: !this.isAuthenticated,
  },
]
ngOnInit() {
    this.authService.isAuthenticated().subscribe(res => this.isAuthenticated = res);
}

Answer 1

Вы должны использовать фильтр массива например

this.authService.isAuthenticated().subscribe(res=>{
    this.isAuthenticated = res
    res.filter(elem=>{
        this.isAuthenticated = res
    }
} );