SEO-SPA: Meta/Title

about-me.component.ts

import { Component, OnInit } from '@angular/core';
import { Title, Meta } from '@angular/platform-browser';

//An example of a component setting title and description tags
@Component({
  selector: 'app-about-me',
  template: `
    <p>This page is about me!</p>
  `,
  styleUrls: ['./about-me.component.scss']
})
export class AboutMeComponent implements OnInit {
  constructor(private titleService: Title,
    private metaTagService: Meta) { }

  ngOnInit() {
    this.titleService.setTitle("My App: About me");
    this.metaTagService.updateTag({name: 'description', content: "I'm a developer who writes sometimes."});
    //TODO: Make Other top-level components do this so the above content doesn't get stuck there!
  }
}