Почему данные из localstorage отображаются при переходе на другую страницу со 2 раза?

goCalculate(){
     this.http.post<IMetric>("https://localhost:5001/api/Helstead", this.code)
       .subscribe(
         (data) => {localStorage.setItem('key', JSON.stringify(data))},
         this.router.navigate(['/metric']);
       );
   };

Вот так ваш код будет работать.