Greetings to all, I hope you can support me with this problem. what happens is that I am developing a webApp with angle 4 that is like a blog type where I show articles, those articles I need to share on facebook. the problem is that when you share them you do not detect the meta tags
<meta property="fb:app_id" content="">
<meta property="og:url" content="" id="meta-fb-url"/>
<meta property="og:type" content="article" />
<meta property="og:locale" content="es_MX" />
<meta property="og:title" content="" id="meta-fb-title"/>
<meta property="og:description" content="" id="meta-fb-description"/>
<meta property="og:image" content="" id="meta-fb-image"/>
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
I have those tags in my index.html and every time I enter an article I change the value of the tags og: url, og: title, og: description, og: image but when sharing the note I only open this
does not show any image or anything of the data that I put on the labels, any solution?
code where I add content to tags
$('#meta-fb-url')[0].content = 'url del articulo';
$('#meta-fb-title')[0].content = 'titulo del articulo';
$('#meta-fb-description')[0].content = 'mi descripcion del articulo';
$('#meta-fb-image')[0].content = 'miimagen.jpg';
code to open the facebook window
window.open('https://www.facebook.com/sharer/sharer.php?u='+url_del_articulo, "nuevo","directories=no, location=no, menubar=no, scrollbars=yes, statusbar=no, tittlebar=no, width=400, height=400");