Блог

У меня есть свойство ввода внутри компонента:

 @Input() mailbarcode: string;
  

Затем я вызываю службу:

   ngOnInit(): void {
        this.trackMailingObs = this.documentCardRepository.getMailing(this.mailbarcode);
    }
  

Проблема mailbarcode иногда undefined или null , следовательно getMailing() , сбой. Как это исправить?

Да, я могу это сделать:

 if (this.mailbarcode) this.trackMailingObs = this.documentCardRepository.getMailing(this.mailbarcode);
  

Правильным подходом было бы использовать onChanges . Из документов:

Вызывается перед ngOnInit() и всякий раз, когда изменяется одно или несколько входных свойств, связанных с данными.

Чтобы проверить, присутствует ли входное значение, прежде чем продолжить, внесите следующее изменение:

 @Input() mailbarcode: string;

ngOnChanges(changes: SimpleChanges) {
   if (changes.mailbarcode.currentValue) {
     this.trackMailingObs = this.documentCardRepository.getMailing(this.mailbarcode);   
   }
}
  

если вы уверены, что для ввода необходимо нажать в компоненте, который вы можете добавить *ngIf к родительскому, а затем к повторному, только если присутствует