Данные отображаются как неопределенные, когда я пытаюсь передать данные из родительского компонента в дочерние компоненты

Question

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

родительский компонент

здесь part_data я объявил в сервисе

  this._PartService.GetDataValues(this.search.item, this.search.filter_type, release_part).subscribe(
    result => {
      this.resultData = result;
      this._PartService.part_data = this.resultData.data
    })

дочерний компонент

Здесь я использую наблюдатель

     this.searchService.observer.subscribe(search => {
     this.part = search.item;
     this.specification = this._PartService.part_data.partMasterDataCompleteList[0];
            })

Здесь я получаю "PartMasterDataCompleteList [0] не определен"

Answer 1

Вы можете передать свои данные в подкомпонент и получить метод @Input.

Существует еще один способ передачи данных из одного компонента в другой компонент.

Нажмите здесь

Answer 2

Используйте это как дочерний компонент: -

@Component({
  selector: 'app-hero-detail',
  templateUrl: './hero-detail.component.html',
  styleUrls: ['./hero-detail.component.css']
})
export class HeroDetailComponent implements OnInit {
  @Input() hero: Hero;

  constructor() {}

  ngOnInit() {}

}

Когда вам нужно передать данные на компонент, используйте следующий код: -

<app-hero-detail [hero]="selectedHero"></app-hero-detail>

Свойство героя @Input, которое получает данные из внешней среды.

Для получения дополнительной информации обратитесь к Угловому учебнику: -

https://angular.io/tutorial/toh-pt3