Ошибка типа: невозможно прочитать свойство 'process' из неопределенного

Question

У меня такая проблема с кодом

Что такое лучшая практика? Спасибо

Ошибка: ошибка типа: невозможно прочитать свойство 'process' из неопределенного

myComponent.ts

  ProcessInfo: any | false;


  showSaveItems = () => {
    this.typeCategory = [];
    this.dataTypesLoop = [];

    if (this.ProcessInfo.process.data.mortgage.length) {
      for (let i = 0; i < this.ProcessInfo.process.data.mortgage.length; i++) {
        if (this.ProcessInfo.process.data.mortgage[i].mortgageHeader !== null) {
          const findItem = this.categories.find(
            obj =>
              obj.value ==
              this.ProcessInfo.process.data.mortgage[i].mortgageHeader.category
          );

        }
      }
    }

    this.dataTypes = new Set(this.dataTypesLoop);
    return new Set(this.typeCategory);
  };

myComponent. html

  <li *ngFor="let item of showSaveItems()">
       <strong>{{ item.text }}</strong>
   </li>

Answer 1

вам нужно создать экземпляр вашего параметра, прежде чем использовать его:

  ProcessInfo: any | false = false;

используя ': ', вы просто устанавливаете его тип, но его значение равно 'undefined', пока вы не используете ' = ';

Чтобы использовать параметр процесса вашего объекта, необходимо убедиться, что он существует:

if (this.ProcessInfo.hasOwnProperty('process')) {
  if (this.ProcessInfo.process.data.mortgage.length) {
      for (let i = 0; i < this.ProcessInfo.process.data.mortgage.length; i++) {
        if (this.ProcessInfo.process.data.mortgage[i].mortgageHeader !== null) {
          const findItem = this.categories.find(
            obj =>
              obj.value ==
              this.ProcessInfo.process.data.mortgage[i].mortgageHeader.category
          );

        }
      }
   }
}

Answer 2

Вы должны проверить, существует ли путь

 if (this.ProcessInfo && this.ProcessInfo.process && this.ProcessInfo.process.data && this.ProcessInfo.process.data.mortgage && this.ProcessInfo.process.data.mortgage.length>0) {