title: How to implement social sharing in angular6?
body: <p>Like normal web applications I want to implement social sharing by providing share button for this I have defined the meta tag in my current html component but It's not showing the image. I think in angular there is some different way of implementing social sharing.</p>
  
  <p>share.component.html</p>
  
  <pre><code>&lt;meta name="twitter:card" content="summary"/&gt;  &lt;!-- Card type --&gt;
  &lt;meta name="twitter:site" content="Pratyashi"/&gt;
  &lt;meta name="twitter:title" content="Pratyashi From Title"&gt;
  &lt;meta name="twitter:description" content="Description" /&gt;
  &lt;meta name="twitter:creator" content="Creater"/&gt;
  &lt;meta name="twitter:type" content="image"/&gt;
  &lt;meta name="twitter:image:src" content="https://www.gstatic.com/webp/gallery3/1_webp_a.png" /&gt;
  &lt;meta name="twitter:domain" content="http://vmandi.com" /&gt;
  
  &lt;a href="https://twitter.com/intent/tweet?ref_src=twsrc%5Etfw&amp;text=Title&amp;tw_p=tweetbutton&amp;url=mywesite"  target="_blank"&gt;tWITTER&lt;/a&gt;
  </code></pre>