Question

How to set meta tags using Angular universal SSR and ngx-seo plug-in

Answer 1

first Install the plug-in with npm i ngx-seo then Create the page.resolver.ts file somewhere in your project - https://angular.io/api/router/Resolve The resolver file will be responsible for retrieving data from your API or from the TransferState provided by Angular.

Import the import { TransferState, makeStateKey } from '@angular/platform-browser';  then  Decorate your page.resolver.ts class @Injectable({ providedIn: 'root' })

Implement in Page Resolver class resolver interface like this: implements Resolve<type of the data that you manipulate>

In the constructor of PageResolver class register the TransferState and SeoSocialShareService

To know more about Angular, It's recommended to join Angular Online Course today.