在 facebook 共享组件页面 Angular 10 上添加元标记

如何解决在 facebook 共享组件页面 Angular 10 上添加元标记

您好，我构建了一个组件来制作 facebook 共享按钮并在 facebook 上动态共享数据。

显示共享，按下时会打开 facebook 对话框，并将 url 作为在 facebook 上共享的参数。但我也想发送元标签（og:title,og:image）。我已经检索到元标记，它们显示在我在图像上显示的头部部分

facebook 组件.ts

   import { Component,ElementRef,AfterViewInit,Input } from 
 '@angular/core';

@Component({
    selector: 'fb-like',template: `<div class="fb-like" [attr.data-href]="url" data- 
    layout="button_count" data-action="like" data-show-faces="true" data- 
    share="true"></div>`
  })

 export class FbLikeComponent implements AfterViewInit {
  @input() url = 'https://www.rovespier.com';

constructor() {
    // initialise facebook sdk after it loads if required
    if (!window['fbAsyncInit']) {
        window['fbAsyncInit'] = function () {
            window['FB'].init({
              appId: '395244831143231',autoLogAppEvents: true,xfbml: true,version: 'v3.0'
            });
        };
    }

    // load facebook sdk if required
    const url = 'https://connect.facebook.net/en_US/sdk.js';
    if (!document.querySelector(`script[src='${url}']`)) {
        let script = document.createElement('script');
        script.src = url;
        document.body.appendChild(script);
    }
}

ngAfterViewInit(): void {
    // render facebook button
    window['FB'] && window['FB'].XFBML.parse();
    
}    
}

html

<fb-like ></fb-like>

知道如何发送标题、图片吗？