Angular Модальный материал не запускает ngChanges для компонента chilld после изменения значения @input

Question

У меня есть родительский компонент с вложенным дочерним компонентом. Дочерний компонент отображает изображение, используя URL-адрес, которым родительский ресурс делится с ним.

Я хочу изменить этот URL, когда диалоговое окно циновки закрыто. Проблема в том, что хук ngChanges не срабатывает после закрытия модального режима. Но родительское поле "url" изменилось.

Вот пример стекаблиц, где вы можете увидеть, что метод не вызывает изменения, а затем изображение не меняется.

https://stackblitz.com/edit/angular-c226ox

Answer 1

Это стрельба, вы ссылаетесь на неправильное имя.

Запишите это в ngOnChanges:

if (propName === 'url') { // you had 'user' here
        console.log('changed');
        this.pic = this.getPhoto();
      }