Контекст ошибки при загрузке массива после отправки запроса

Question

У меня есть два угловых компонента (они не являются родительскими / дочерними компонентами) Я пытаюсь загрузить второй компонент после нажатия кнопки поиска в первом компоненте.когда нажата кнопка поиска, я проверю, есть ли какие-либо входные данные фильтра, чтобы выполнить поиск по ним, если да, я отправлю запрос только с параметрами фильтра, если нет, я отправлю запрос и покажу весь массив как есть.

Вот что я сделал

первый компонент, содержащий входные данные фильтра

export class FilterBarComponent implements OnInit, OnDestroy {
  filterParam: any = filterDataObject;
  buttonStatus: boolean;
  @Output() eventClicked: EventEmitter<boolean> = new 
EventEmitter<boolean>();


  constructor(private sharedService: SharedDataService) {
    this.buttonStatus = false;
  }
  ngOnInit() {

  }
  onClick(event: boolean): void {
    this.buttonStatus = true; // this.buttonStatus = !event :to toggle the 
     status of the button between true and false
    this.eventClicked.emit(this.buttonStatus);
    this.sharedService.updateTableView(this.buttonStatus);
    this.removeEmptyValueFromFilterParam(this.filterParam);
    this.sharedService.updatedDataSelection
    (this.removeEmptyValueFromFilterParam(this.filterParam));
   }

  // To remove the empty params from the request
  removeEmptyValueFromFilterParam(obj: any) {
   this.filterParam = {};
    Object.keys(obj).forEach((prop) => {
      if (obj[prop] !== '') { this.filterParam[prop] = obj[prop]; }
    });
      return this.filterParam;
  }

  ngOnDestroy() {
       this.buttonStatus = !this.buttonStatus;

  }

}

второй компонент:

export class LogsTableComponent implements OnInit, AfterViewInit, 
OnDestroy {
  @Input() clicked: boolean;
  private subscription: Subscription;
  filtredLogs: Ilogs[];
  filterParamCriteria: any;
  subscribed: boolean = false;
  constructor(private logsService: HttpClientTestService, private 
  sharedService: SharedDataService) {
  }


   ngOnInit() {
     this.getLogs();
   }

  ngAfterViewInit() {
  }

  getLogs() {
    if (this.isEmpty(this.filterParamCriteria) > 0) {
     this.getLogsWithQueryFilter();
    } else {
    this.getLogsWithoutParam();
   }

  }

  getLogsWithoutParam() {
  this.filtredLogs = [];
  this.logsService.getLogsWithoutParam().subscribe((res) => {
  this.filtredLogs = res;
  console.log(res);
  },
    err => {
    return console.error(err);
   }  
  );

}

 getLogsWithQueryFilter() {
   this.filtredLogs = [];

 this.logsService.getLogsWithQueryParam
 (this.filterParamCriteria).subscribe((res) => {
  this.filtredLogs = res;
  console.log(res);
   },
  err => {
    return console.error(err);
  }
 );

 }

getFilterParamCriteria() {
this.subscription = this.sharedService.data$.subscribe(filterParam => {
  if (filterParam) {
    console.log('get filter param');
    this.filterParamCriteria = filterParam;
    if (this.isEmpty(this.filterParamCriteria) > 0) {
      console.log(this.isEmpty(this.filterParamCriteria));
      this.subscribed = true;
      console.log(this.subscribed);
      console.log(this.filterParamCriteria);
    }

  } else {
    this.filterParamCriteria = {};
    this.subscribed = false;
  }
  return this.filterParamCriteria;
});
}

 isEmpty(obj) {
   return Object.keys(obj).length;
  }


getShowTableView() {
  this.subscription = 
  this.sharedService.data$_showTable.subscribe(showTable =>
  {
  if (showTable) {
    console.log('get show table ');
    this.clicked = showTable;
    console.log(this.clicked);
  } else {
    this.clicked = !showTable;

  }
 });
}

ngOnDestroy() {
   this.subscription.unsubscribe();

}
}

sharedService предназначен дляобмениваться данными между двумя компонентами

 const FILITER_DATA = {};
 const SHOWTABL_FLAG = false;
 @Injectable({
   providedIn: 'root'
 })
 export class SharedDataService {

  private filterStore = new BehaviorSubject(FILITER_DATA);

  private showTable = new BehaviorSubject(SHOWTABL_FLAG);;

  data$: Observable<any> = this.filterStore.asObservable();

  data$_showTable: Observable<any> = this.showTable.asObservable();
  constructor() { }

  updatedDataSelection(data: any) {
    this.filterStore.next(data);
  }

  updateTableView(data: any) {
     this.showTable.next(data);
  }
}

, когда я пытаюсь запустить его, у меня появляется ошибка контекста:

ERROR TypeError: "can't convert undefined to object"
   isEmpty logs-table.component.ts:85
   getLogs logs-table.component.ts:30
   ngOnInit logs-table.component.ts:23

Можете ли вы помочь мне узнать, почему возникает эта ошибка, и если у вас естьСкажите, пожалуйста, о любом другом предложении сделать работу другим способом, даже если я изменю всю структуру.

Answer 1

Когда вы создаете переменную filterParamCriteria, вы можете попытаться установить первое значение как пустой объект.

Например:

filterParamCriteria: any = {};

метод isEmpty() возвращать ошибки, когда значение obj равно нулю или не определено