title: How to add/remove/update meta tags from angular app dynamically
body: <p>I created a <code>MetaService</code>, which will create all the metaTags from fetching API.</p>
  
  <p>Below is code,</p>
  
  <pre><code>  public addMetaTags(seoData): void {
      this.meta.addTag({ name: 'description', content: 'example description' });
      this.meta.addTag({ property: 'og:title', content: 'example title' });
      this.meta.addTag({ property: 'og:description', content: 'example og:description' });
      this.meta.addTag({ property: 'og:site_name', content: 'example og:site_name' });
    }
  </code></pre>
  
  <p>But issue is, When I navigate from Page A to Page B. Already created tags not cleared.</p>
  
  <p>How do I check if MetaTag's already created and update them accordingly ?  </p>