входной параметр для дочернего компонента не получает значение, хотя я вижу его в элементах

Question

У меня есть простой компонент parent-child для передачи параметра.

в родительском компоненте: я получаю значения из http-запроса в службе:

this.Service.getdataId(this.dataId).subscribe(
        response => {
        this.DataSource = response;                    
        this.personid = response.PersonInfo.Id; // this is being bound to from template for @input parameter.
      }

в моем родительском шаблоне, У меня есть:

<app-view [personid ]="personId"></app-view>

в моем дочернем шаблоне:

@Input() personid : string = "";

мой дочерний шаблон, никогда не получает значение. НО, это chrome dev инструменты, я вижу, что значение было дано элементу:

app-view _ngcontent-iwk-c94="" _nghost-iwk-c93="" ng-reflect-personid="1da772c6-640f-456c-bba8-c25633">

Итак, я могу видеть его там, но оно не назначено для переменной Input в моем компоненте , В дополнение к этому, значение по какой-то причине обрезается, предполагается, что это GUID, а последние 6 символов обрезаются. Я нигде не манипулировал этим значением. Он идет от HTTPClient / Service -> Parent Component-> Child Component.

EDIT: я подключил событие OnChange. Кажется, что я меняюсь несколько раз. Я сохраняю в журнале значение в Onchange, и оно идет дважды - один раз, когда ожидаемое значение есть, во второй раз его нет. Надеюсь, кто-нибудь сможет объяснить мне ситуацию?

Answer 1

Подключение к onchange для моей правки, похоже, решает эту проблему. двойной вызов onchange был ошибкой rook ie со строкой, в которой было установлено значение "". я думаю, что ловушка для oninit происходит раньше, чем свойство будет связано, поэтому необходимо использовать вместо него onchange.

Answer 2

Похоже, вы пытаетесь получить доступ к значению слишком рано. Входы доступны во время OnIni (), но не раньше.