javascript — Angular: данные не могут перезагрузиться после обновления страницы браузера

Угловой: данные не могут перезагрузиться после обновления страницы браузера

Я пытаюсь загрузить локальный JSON в компонент

Мой код, как показано ниже:

service.ts

 export class GameService { constructor(private httpClient: HttpClient) {} loadGameInfo(): Observable{amp}lt;Game{amp}gt; { return this.httpClient.get{amp}lt;Game{amp}gt;('/assets/mock/game_info.json'); } } 

store.ts

 export class GameStore { private gameSubject = new BehaviorSubject(new Game()); public game: Observable{amp}lt;Game{amp}gt; = this.gameSubject.asObservable(); private isInitialized = false; constructor(private gameService: GameService) {} public loadIfEmpty(): void { if (!this.isInitialized) { this.isInitialized = true; this.load(); } } public load(): void { this.gameService .loadGameInfo() .pipe( tap((game: Game) ={amp}gt; { this.gameSubject.next(game); }) ) .subscribe(); } public getGame(): Game { return this.gameSubject.getValue(); } } 

component.ts

 export class GameInfoComponent implements OnInit { constructor( private gameStore: GameStore) {} ngOnInit() { this.gameStore.loadIfEmpty(); console.log('info: '   JSON.stringify(this.gameStore.getGame())); } } 

Выпуск:

Если я gameStore страницу браузера, в gameStore не загружаются данные, я получаю журнал, как gameStore ниже:

Информация : {}

Любое предложение приветствуется

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector