title: Angular Universal - Dynamic Meta tags not working on social media sharing
body: <p>I have an app built on Angular 5 and Angular Universal with server side rendering. </p>
  
  <p>For the home page i have fixed a title as "ABC" and when loading the app i have called a constructor which updated the title and meta information for fb and other social media apps.</p>
  
  <p>While loading the website the tags are updated but when i scrap the website on facebook debugger tool it doesn't show the updated tags.</p>
  
  <pre><code>Following code runs on ngOnInit(){
      this.title.setTitle('ABC - XYX');
      this.meta.updateTag({name: 'author',content: "ABC.com"});
      this.meta.updateTag({name: 'description',content: "ABC - XYX | ABC - XYX "});
      this.meta.updateTag({ property: 'og:type', content: 'website' });
      this.meta.updateTag({ property: 'og:site_name', content: 'ABC.com' });
      this.meta.updateTag({ property: 'og:title', content: 'ABC - XYX' });
      this.meta.updateTag({ property: 'og:description', content: 'ABC - XYX | ABC - XYX' });
      this.meta.updateTag({ property: 'og:url', content: "http://abc[dot]com" });
  }
  </code></pre>
  
  <p>So can anyone help me on what i'm doing wrong here?</p>