Блог

Главная - Вопросы по программированию - Как добавить обновление страницы в Angular

Как добавить обновление страницы в Angular

#javascript #html #angular-material

Вопрос:

Я попробовал следующий код. Я хочу добавить автоматическое обновление страницы при нажатии на игровой маршрут. Потому что, когда я перешел на страницу игры, данные не обновлялись автоматически до перезагрузки страницы

   <mat-list-item routerLink="{{routes.Gamecard}}" routerLinkActive="active">
    <mat-icon>games</mat-icon> GAMES
  </mat-list-item>

Кто-нибудь может мне помочь?

Спасибо

Ответ №1:

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

  1. Попробуйте использовать [href]="routes.Gamecard" вместо routerLink="{{routes.Gamecard}}" routerLinkActive="active" этого , это костыль, но, я думаю, это может сработать.
  2. Создайте метод обновления в своем классе страницы игры и попробуйте задать данные в этом методе, нажав на элемент списка, если вы уже находитесь на странице игры.

Вы используете ngOnInit интерфейс? Может быть, это то, что вам нужно

Комментарии:

1. Да, я использую ngOnlnit

2. @LochanaT, если предыдущий вариант не решит вашу проблему, я могу добавить этот код в ваш угловой компонент: HTML: <mat-list-item (click)="refresh()"> <mat-icon>games</mat-icon> GAMES </mat-list-item> TS: refresh(): void { window.location.reload(); }

3. @LochanaT, Или, как вариант, вы можете добавить refresh() функцию из предыдущего комментария в onInit() метод в своем игровом компоненте.ts, если я правильно понимаю вашу проблему, это может быть правильным решением

Метки: