angular-universal

I have the http request being made a service which is injected onto my component and subscribed to from there. Since I introduced server side rendering with angular universal to my application, the results on the page are repeated at least twice. I have method which is called on click, which performs the http request to facebook's api getAlbum(albumId: number) { this.albumPhotos = this.state.get(ALBUM_PHOTOS_KEY, null as any); if (!this.albumPhotos) { this.facebookService.getBachadiffAlbumPhotos(albumId).subscribe(res => { this.bachataPicsArray = res; this.state.set(ALBUM_PHOTOS_KEY, res as

I have made an angular app using angular-cli and doing universal rendering in it by following steps given here . But it is mentioned that i can't use Global variables like window and document in my app if i am doing universal rendering, How can i set cookies at front end to maintain user session. Previously i was using JWT, but for doing that i need to set cookies in my browser. Note: all the information below is only valid if you're using Node with Express to dynamically render (at the time a request hits the server) your Angular app on the server. I haven't looked into pre-rendering. And I

I have a SSR Angular app which I am trying to transform into a PWA. I want it to be server-side rendered for SEO and for the "fast first rendering" that it provides. The PWA mode works fine when combined with SSR, but once the app is loaded, when we refresh it, the client index HTML file is loaded instead of the server-side rendered page. I have dug into the code of ngsw-worker.js and I saw this: // Next, check if this is a navigation request for a route. Detect circular // navigations by checking if the request URL is the same as the index URL. if (req.url !== this.manifest.index && this

I am building an angular universal + angular 2 website and i want to add the social media share button. I implemented the server side rendering and i also update the meta tags necessary using the following code : constructor(private dataService: DataService, private activatedRoute: ActivatedRoute, private auth: AuthService, private router : Router, private meta : Meta) { this.currentUrl = window.location.href; // testing if it changes something to add that outside of the service : it didnt this.meta.updateTag({ property: 'og:title', content: "my new title" }) let id= this.activatedRoute

I moved my site to Angular universal SSR, during my move I encountered some problems that I thought ng-universal would fix. I want to add meta tags such as description, keywords etc (different for each page). Using the titleService as angular suggests works just fine, it changed the title of the pages. However if I land on homepage and then navigate from there to other pages, the title is not changing, but when I look on source I see the change in the source but no on the tab of VIEW. If I land on the page (or hit refresh) the page is updated with the correct title. I tried to add in

I'm trying to use the isBrowser function in angular universal but I keep getting the same error when I build. I did install the npm package of angular-universal npm i angular2-universal --save 'ng build -prod -aot' ERROR in Illegal state: symbol without members expected, but got {"filePath":"C:/dir/universal/website/node_modules/@angular/platform-browser/platform-browser.d.ts","name":"__platform_browser_private__","members":["BROWSER_SANITIZATION_PROVIDERS"]}. ERROR in ./src/main.ts Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' in 'C:/dir/universal/website\src'