Блог

У меня есть этот перехват жизненного цикла ngAfterViewInit:

 ngAfterViewInit() {
    this.sort.sortChange.subscribe(() => this.paginator.pageIndex = 0);

    this.subscription = this.dataService.dataChanged
      .subscribe(
        () => {
          this.getData();
        }
      );

    this.getData();
  }
  

Я хочу, чтобы подписка запускалась до того, this.getData() что находится за пределами подписки, и только если этого не произошло, я бы хотел, чтобы this.getData() что находится за пределами подписки запускалось.

Как я могу это сделать? Помещение этого в ngOnInit не работает, потому что это таблица с разбиением на страницы, и это работает только после рендеринга страницы. Мне нужно иметь подписку на тот момент, когда пользователь добавляет новые данные в таблицу, и я хочу, чтобы они были видны автоматически.

Отредактировано Если я запускаю код, подобный написанному выше, то при первом переходе на страницу мои данные правильно загружаются в мою таблицу с разбивкой на страницы с сервера. Затем пользователь может добавить новый элемент данных, используя форму, которая находится в другом компоненте. Когда пользователь заканчивает добавлять новый элемент, он возвращается к этой таблице. Как это выглядит сейчас, таблица сначала загружается без нового добавления, а затем перезагружается с новым дополнением. Чего я хотел, так это чтобы первая загрузка не была видна пользователю — чтобы при обратном переходе они сразу видели правильные данные.

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

  private callGetData: boolean

 ngAfterViewInit() {

    this.callGetData = true;

    this.sort.sortChange.subscribe(() => {
       this.paginator.pageIndex = 0;
       if(this.callGetData) this.getData();
       this.callGetData = false;
    })

    this.subscription = this.dataService.dataChanged
      .subscribe(
        () => {
          this.getData();
        }
      );
  }
  

Таким образом, вы будете вызывать его getData() только после ngAfterViewInit() выполнения, а не каждый раз, когда подписка получает событие.

или вы можете удалить флаг, если хотите getData() также внутри подписки.

Надеюсь, это сработает!