add meta

Author: Gorniv

package.json

@@ -29,14 +29,15 @@
         "@angular/core": "5.1.0",
         "@angular/forms": "5.1.0",
         "@angular/http": "5.1.0",
-        "@angular/service-worker": "5.1.0",
         "@angular/platform-browser": "5.1.0",
         "@angular/platform-browser-dynamic": "5.1.0",
         "@angular/router": "5.1.0",
+        "@angular/service-worker": "5.1.0",
         "@ngtools/webpack": "1.9.0",
         "@nguniversal/common": "5.0.0-beta.5",
         "@nguniversal/express-engine": "5.0.0-beta.5",
         "@nguniversal/module-map-ngfactory-loader": "5.0.0-beta.5",
+        "@ngx-meta/core": "4.0.1",
         "@types/node": "8.0.58",
         "cookie-parser": "1.4.3",
         "core-js": "2.5.3",

src/app/app.component.ts

@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import { MetaService } from '@ngx-meta/core';
 
 @Component({
   selector: 'app-root',
@@ -8,4 +9,7 @@ import { Component } from '@angular/core';
 export class AppComponent {
   title = 'app';
 
+  constructor(private readonly meta: MetaService) {
+    this.meta.setTag('og:title', 'home ctor');
+  }
 }

src/app/app.module.ts

@@ -8,6 +8,29 @@ import { NgModule } from '@angular/core';
 import { AppComponent } from './app.component';
 import { CookieService } from 'ngx-cookie-service';
 import { HttpClientModule } from '@angular/common/http';
+import { MetaModule, MetaSettings } from '@ngx-meta/core';
+import { MetaLoader } from '@ngx-meta/core';
+import { MetaStaticLoader } from '@ngx-meta/core';
+import { PageTitlePositioning } from '@ngx-meta/core';
+
+export function metaFactory(): MetaLoader {
+  const setting: MetaSettings = {
+    callback: (key: string) => key,
+    pageTitlePositioning: PageTitlePositioning.PrependPageTitle,
+    pageTitleSeparator: ' | ',
+    applicationName: 'App Universal',
+    // applicationUrl: 'https://gorniv.com/',
+    defaults: {
+      title: 'default page title',
+      description: 'default description',
+      'og:site_name': 'App site Universal',
+      'og:type': 'website',
+      'og:locale': 'ru_RU',
+      'og:locale:alternate': 'en_GB'
+    }
+  };
+  return new MetaStaticLoader(setting);
+}
 
 @NgModule({
   declarations: [
@@ -19,7 +42,12 @@ import { HttpClientModule } from '@angular/common/http';
     RouterModule,
     AppRoutes,
     TransferHttpModule,
-    BrowserAnimationsModule
+    BrowserAnimationsModule,
+    MetaModule.forRoot({
+      provide: MetaLoader,
+      useFactory: metaFactory,
+      deps: []
+    })
   ],
   providers: [CookieService],
   bootstrap: [AppComponent]

src/app/app.routing.ts

@@ -1,9 +1,24 @@
 import { Routes, RouterModule } from '@angular/router';
+import { MetaGuard } from '@ngx-meta/core';
 
 const routes: Routes = [
-  { path: '', loadChildren: './home/home.module#HomeModule', pathMatch: 'full' },
+  {
+    path: '', loadChildren: './home/home.module#HomeModule', pathMatch: 'full',
+    data: {
+      // for override default meta
+      meta: {
+        title: 'home title',
+        override: true,
+        description: 'home description'
+      }
+    },
+    // need for default meta
+    canActivateChild: [MetaGuard],
+  },
+  // without meta
   { path: 'mock', loadChildren: './mock-server-browser/mock-server-browser.module#MockServerBrowserModule' },
-  { path: 'back', loadChildren: './transfer-back/transfer-back.module#TransferBackModule' },
+  // with meta
+  { path: 'back', loadChildren: './transfer-back/transfer-back.module#TransferBackModule', canActivateChild: [MetaGuard]},
 ];
 // must use {initialNavigation: 'enabled'}) - for one load page, without reload
 export const AppRoutes = RouterModule.forRoot(routes, { initialNavigation: 'enabled' });

yarn.lock

@@ -200,6 +200,12 @@
   version "5.0.0-beta.5"
   resolved "https://registry.yarnpkg.com/@nguniversal/module-map-ngfactory-loader/-/module-map-ngfactory-loader-5.0.0-beta.5.tgz#d86497e704f702e1a18bbcab5dd6586057941fa5"
 
+"@ngx-meta/core@^4.0.1":
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/@ngx-meta/core/-/core-4.0.1.tgz#b035febeeb92876920480f70719fcf953dc0245f"
+  dependencies:
+    tslib "~1.7.1"
+
 "@schematics/angular@~0.1.10":
   version "0.1.10"
   resolved "https://registry.yarnpkg.com/@schematics/angular/-/angular-0.1.10.tgz#654d867992277484ed2d82d015b2d3b6ff87b93d"
@@ -5666,6 +5672,10 @@ tslib@^1.7.1:
   version "1.8.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.8.1.tgz#6946af2d1d651a7b1863b531d6e5afa41aa44eac"
 
+tslib@~1.7.1:
+  version "1.7.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.7.1.tgz#bc8004164691923a79fe8378bbeb3da2017538ec"
+
 [email protected]:
   version "5.8.0"
   resolved "https://registry.yarnpkg.com/tslint/-/tslint-5.8.0.tgz#1f49ad5b2e77c76c3af4ddcae552ae4e3612eb13"