Как из observable обновить template?

Question

[seredaes]

Всем привет.
Помогите решить проблему.

Вот, что у меня в компоненте

export class DashboardComponent implements OnInit {
    username: String = 'hello ';
   
    constructor(private userdata: UserdataService) {  } // здесь у меня сервис, где написано: user = new Subject();
   
 ngOnInit() {
          this.userdata.user.subscribe( (datatest: string) => { 
                   this.username = datatest; 
                   console.log(this.username);  
         });
    }

}

А вот, что в шаблоне
{{ username }}

Когда я получаю данные, в console.log выводится правильный результат, но когда я делаю присвоение
this.username = datatest;

переменная не меняет своего свойства.

У меня есть подозрение, что this. в данном случае не работает для глобальной переменной.
Может подскажите, как сделать так, чтобы переменная изменялась?
Заранее спасибо.

Answer 1

[mpnj]

по коду выглядит, как будто метод ngOnInit только подписывается на изменение this.userdata.user.

Т.е. вы не выполняете код из subscribe, а просто подписываете соглашение о том, что исполните его, если переменная this.userdata.user изменится.

но по коду не видно, чтобы вы изменяли this.userdata.user.

Comments

[seredaes]

Я его меняю в компоненте login:

this.userdata.user.next('Test');
this.router.navigate(['/dashboard']);

Но почему в console.log нормальные данные выводятся?
Тогда логично было бы предположить, что и в консоль не долджно ничего выводится.
Но там все выводится и правильно.

[seredaes]

Я разобрался в чем бажища.
Данные приходили раньше, нежели я успевал открыть компонент.
А что в консоли выводилось, так это баг JS, я такое уже встречал, на самом деле данных нет, но консоль выводит их.

[mpnj]

И в итоге вам удалось получить рабочий код?

[seredaes]

да :)
Скажите, а Вы с кайпе или телеграмме есть?
Я учусь, порой возникают вопросы, на которые не могут ответить в офисе.
Обеща не более 3 раз в день задавать глупые вопросы :)))

[mpnj]

Это плохая идея)
Я больше по бэку на С#.