All Projects → Gorniv → ngx-transfer-http

Gorniv / ngx-transfer-http

Licence: MIT license
use https://github.com/Gorniv/ngx-universal

Programming Languages

typescript
32286 projects
CSS
56736 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects
HCL
1544 projects

Projects that are alternatives of or similar to ngx-transfer-http

antonybudianto-web-old
Personal website
Stars: ✭ 14 (-12.5%)
Mutual labels:  universal
CtrlUI
CtrlUI (Controller User Interface) is a Windows application, game and emulator launcher for your game controller, DirectXInput converts your game controller to a Xbox (XInput) controller, Fps Overlayer is a tool that shows the frames per second and the cpu, gpu and memory information.
Stars: ✭ 39 (+143.75%)
Mutual labels:  universal
React.ai
It recognize your speech and trained AI Bot will respond(i.e Customer Service, Personal Assistant) using Machine Learning API (DialogFlow, apiai), Speech Recognition, GraphQL, Next.js, React, redux
Stars: ✭ 38 (+137.5%)
Mutual labels:  universal
CorePartition
Universal Cooperative Multithread Lib with real time Scheduler that was designed to work, virtually, into any modern micro controller or Microchip and, also, for user space applications for modern OS (Mac, Linux, Windows) or on FreeRTOS as well. Supports C and C++
Stars: ✭ 18 (+12.5%)
Mutual labels:  universal
universal-react-relay-starter-kit
A starter kit for React in combination with Relay including a GraphQL server, server side rendering, code splitting, i18n, SEO.
Stars: ✭ 14 (-12.5%)
Mutual labels:  universal
universal-hot-reload
Hot reload client and server webpack bundles for the ultimate development experience
Stars: ✭ 79 (+393.75%)
Mutual labels:  universal
koa-webpack-server
Koa2 webpack all-in-one environment for universal development
Stars: ✭ 14 (-12.5%)
Mutual labels:  universal
web-onefx-boilerplate
Full-stack React Framework for building web and backend
Stars: ✭ 34 (+112.5%)
Mutual labels:  universal
udhr
Universal declaration of human rights
Stars: ✭ 17 (+6.25%)
Mutual labels:  universal
jkop
A universal software development framework
Stars: ✭ 22 (+37.5%)
Mutual labels:  universal
grand central
State-management and action-dispatching for Ruby apps
Stars: ✭ 20 (+25%)
Mutual labels:  universal
universal
A counterpart to common package to be used with Angular Universal
Stars: ✭ 115 (+618.75%)
Mutual labels:  universal
ozark-react
A ViewEngine for ReactJS templates for the Java EE MVC 1.0 reference implementation Ozark.
Stars: ✭ 43 (+168.75%)
Mutual labels:  universal
react-universal-app
Library for building a single-page application with Universal React component(s) and React Router.
Stars: ✭ 14 (-12.5%)
Mutual labels:  universal
universal-react-starter-kit
Universal React Starter Kit is an universal web application framework using koa, react, redux and webpack.
Stars: ✭ 13 (-18.75%)
Mutual labels:  universal
makeuniversal
Tool to create a Universal Binary version of a Qt distribution.
Stars: ✭ 40 (+150%)
Mutual labels:  universal
pwa
An opinionated progressive web app boilerplate
Stars: ✭ 355 (+2118.75%)
Mutual labels:  universal
dotnetcore.AllycsPointRuler
配置xml通用积分规则计算系统.netcore。通过规则的编排可以完成99%的积分需求
Stars: ✭ 21 (+31.25%)
Mutual labels:  universal
app-monorepo
Secure, open source and community driven crypto wallet runs on all platforms and trusted by millions.
Stars: ✭ 1,282 (+7912.5%)
Mutual labels:  universal
Helium.js
Automating Universal React Applications
Stars: ✭ 63 (+293.75%)
Mutual labels:  universal

npm Downloads

deprecated, use https://github.com/Gorniv/ngx-universal

ngx-transfer-http

Implementation http for Angular universal work based on TransferState

The package can be installed using:

npm install @gorniv/ngx-transfer-http --save

v1.1.2 is for use on Angular5

>v1.1.2 are for use on Angular6

TransferHttpModule

in app.module.ts

import { HttpClientModule } from '@angular/common/http';
import { TransferHttpModule, TransferHttpService } from '@gorniv/ngx-transfer-http';


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

TransferHttpService

in app.module.ts

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

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

use in component or service:

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

...

constructor(private http: TransferHttpService){}

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

}

check:

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

network chrome

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].