title: Want to share post in LinkedIn with post specific og:image
body: <p>I have angular 4 web application. Where I need to share some post to linked in with URL containing thumbnail preview. </p>
  
  <p><strong>What I did is:</strong>
  Am using the static meta infromation for index.html page &amp; while navigating to another page, i am updating meta information. from that page i am sharing post to linkedin. Successfully able to share the url with og:image but the thumbnail preview contains og:image from main index.html.</p>
  
  <p><strong>Below is index.html meta information:</strong></p>
  
  <pre><code>&lt;meta name="title" property="og:title" content="Title Example"&gt;
  &lt;meta property="og:type" content="Article"&gt;
  &lt;meta name="image" property="og:image" content="[Image URL here]"&gt;
  &lt;meta name="description" property="og:description" content="Description Example"&gt;
  &lt;meta name="author" content="Example"&gt;
  </code></pre>
  
  <p><strong>Below is code is to update meta information for Share.html</strong></p>
  
  <pre><code>this.meta.updateTag({ prefix: 'og: http://ogp.me/ns#' , name: 'title', content: 'Title Example Badge'});
  this.meta.addTag({ prefix: 'og: http://ogp.me/ns#' , name: 'description', content: 'Badge Description '});
  this.meta.updateTag({ prefix: 'og: http://ogp.me/ns#' , property: 'og:image', content: this.imageURL, itemprop: 'image' });
  this.meta.updateTag({ prefix: 'og: http://ogp.me/ns#' , property: 'og:image:type', content: 'image/png' });
  this.meta.updateTag({ prefix: 'og: http://ogp.me/ns#' , property: 'og:url', content: this.routerUrl , itemprop: 'url' });  
  </code></pre>
  
  <p><strong>What I want is:</strong>
  I want to share the URL with updated meta information &amp; og:image.</p>