README.md

ngx-universal

Implementation http for Angular universal work based on TransferState

The package can be installed using:

npm install @gorniv/ngx-universal --save

TransferHttpModule

in app.module.ts

import { TransferHttpModule, TransferHttpService } from '@gorniv/ngx-universal';


@NgModule({
  imports: [
    BrowserModule.withServerTransition({ appId: 'my-app' }),
    HttpClientModule,
    TransferHttpModule
    ...

TransferHttpService

in app.module.ts

import { TransferHttpModule, TransferHttpService } from '@gorniv/ngx-universal';

@NgModule({
  providers: [TransferHttpService],
  imports: [
   ...
})

use in component or service:

import { TransferHttpService } from '@gorniv/ngx-universal';

...

constructor(private http: TransferHttpService){}

getData(): void{
    this.http.get<MyObjectModel>('https://reqres.in/api/users?delay=1').subscribe(result => {
      console.log(result);
      ...
    });

}

/* server.ts */

// Find the call to res.render() in the file and
// update it with providers for 'NgxRequest' and 'NgxResponse'

app.get('*', (req, res) => {
  res.render('index', {
    req: req,
    res: res,
    providers: [
      {
        provide: 'NgxRequest', useValue: (req)
      },
      {
        provide: 'NgxResponse', useValue: (res)
      }
    ]
  });
});

check:

1. Node server console
2. Open network in developer tools browser and your XHR network must be empty