ganatan / angular-transferstate

Angular 14 Example SSR & Transfer Sate

Important note

This functionality is no longer useful on Angular 15, the google team having resolved the malfunction. So this tutorial is only useful with Angular 14 or earlier versions.

Angular 15 and 14 Example Transfer state

An Angular starter kit featuring Angular 15.0.1, Angular CLI 15.0.1

it's part of a repo series designed to create a Progressive Web App with Angular

Web Application Live Demo

Quick start

# choose a repo
# download the example or clone the repo from github
git clone https://github.com/ganatan/angular-transferstate.git

# download the example or clone the repo from gitlab
git clone https://gitlab.com/ganatan/angular-transferstate.git


# change directory
cd angular-transferstate

# angular Version 14
cd frontend-angular14

# angular Version 15
cd frontend-angular15

# install the repo with npm
npm install

# start the server
npm start

in your browser go to http://localhost:4200

Getting Started

Installation

• npm install (installing dependencies)
• npm outdated (verifying dependencies)

Developpement

• npm run start
• in your browser http://localhost:4200

Tests

• npm run test

Compilation

• npm run build ( without SSR)
• npm run build:ssr ( with SSR)

Production

• npm run serve:ssr
• in your browser http://localhost:4000

Prototype Bootstrap 5

• change directory cd ui
• launch html pages in your browser

Author

• Author : danny

Documentation

English Tutorials

• Installation - https://www.ganatan.com/tutorials/transfer-state-with-angular
• Tutorials Step-by-Step - https://www.ganatan.com/tutorials/en

Tutoriels en français

• Installation - https://www.ganatan.com/tutorials/transfer-state-avec-angular
• Tutoriels Etape par étape - https://www.ganatan.com/tutorials

angular-transferstate's Issues

transferstate

Hey @ganatan

i have tried same transferstate in angular 8 using below link
https://stackoverflow.com/questions/57362329/pass-data-from-server-side-to-client-side-angular-universal

but I can see the api response in view source under below script

<script id="my-app-state" type="application/json"></script>

view-source:https://www.24ur.com/

Can u please help me