fix: TransferHttpCacheModule - work!

Author: Gorniv

src/app/app.browser.module.ts

@@ -2,7 +2,6 @@
 import { NgModule } from '@angular/core';
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 // libs
-import { TransferHttpCacheModule } from '@nguniversal/common';
 import { REQUEST } from '@nguniversal/express-engine/tokens';
 // shared
 import { CookieStorage } from '@shared/for-storage/browser.storage';
@@ -25,7 +24,6 @@ export function getRequest(): any {
   bootstrap: [AppComponent],
   imports: [
     BrowserModule.withServerTransition({ appId: 'my-app' }),
-    TransferHttpCacheModule,
     BrowserTransferStateModule,
     AppModule,
     TranslatesBrowserModule,

src/app/app.module.ts

@@ -6,6 +6,7 @@ import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 // libs
 import { CookieService } from 'ngx-cookie-service';
+import { TransferHttpCacheModule } from '@nguniversal/common';
 // shared
 import { SharedModule } from '@shared/shared.module';
 import { TranslatesService } from '@shared/translates';
@@ -20,6 +21,7 @@ export function initLanguage(translateService: TranslatesService): Function {
 @NgModule({
   imports: [
     BrowserModule.withServerTransition({ appId: 'my-app' }),
+    TransferHttpCacheModule,
     HttpClientModule,
     RouterModule,
     AppRoutes,

src/app/transfer-back/transfer-back.component.html

@@ -7,6 +7,9 @@ <h1>{{ "back-http.title" | translate }}</h1>
 <pre *ngIf="result; else noResult">
     {{ result | json }}
 </pre>
+<pre *ngIf="resultHttpClient; else noResult">
+  {{ resultHttpClient | json }}
+</pre>
 <ng-template #noResult>
     <p>{{ "loading" | translate }}...</p>
 </ng-template>
@@ -16,4 +19,4 @@ <h1>{{ "back-http.title" | translate }}</h1>
     {{ resultPost | json }}
 </pre>
 <br/>
-<strong>{{ "back-http.original-url" | translate }}</strong> {{ baseUrl }}
+<strong>{{ "back-http.original-url" | translate }}</strong> {{ baseUrl }}

src/app/transfer-back/transfer-back.component.ts

@@ -2,16 +2,19 @@ import { Component, OnInit, Inject } from '@angular/core';
 
 import { AppStorage } from '@shared/for-storage/universal.inject';
 import { TransferHttpService } from '@gorniv/ngx-transfer-http';
+import { HttpClient } from '@angular/common/http';
 
 @Component({
   selector: 'app-transfer-back',
   templateUrl: './transfer-back.component.html'
 })
 export class TransferBackComponent implements OnInit {
   public result: any;
+  public resultHttpClient: any;
   public resultPost: any;
 
   constructor(private http: TransferHttpService,
+              private httpClient: HttpClient,
               @Inject(AppStorage) private appStorage: Storage,
               @Inject('ORIGIN_URL') public baseUrl: string) {
     console.log(`ORIGIN_URL=${baseUrl}`);
@@ -21,6 +24,9 @@ export class TransferBackComponent implements OnInit {
     this.http.get('https://reqres.in/api/users?delay=3').subscribe(result => {
       this.result = result;
     });
+    this.httpClient.get('https://reqres.in/api/users?delay=3').subscribe(result => {
+      this.resultHttpClient = result;
+    });
     this.http.post('https://reqres.in/api/users', JSON.stringify({
       'name': 'morpheus',
       'job': 'leader'