javascript - Angular 应用程序中的 Facebook 共享

Question

我正在开发一个 Angular Web 应用程序，

我正在尝试在 facebook 上分享我的内容

当我尝试分享 facebook 弹出窗口时，我得到
留言 href 应该代表一个有效的 URL

我想分享类似

的内容

'Use Referral code xyzUvK to join the newest fantasy sports platform http://example.com . Earn extra points along with lots of exciting prizes. Don’t delay, join the match today! url',

代码

html

 <a href="#" (click)="fb($event)"><img src="assets/imgs/fb.svg"/></a>

ts

fb(e) {
    let url = 'www.google.com';
    e.preventDefault();
    var facebookWindow = window.open(
      'https://www.facebook.com/sharer/sharer.php?u='+ 'Use Referral code ->' + this.userData.referCode + '   to join the newest fantasy sports platform' +  url + '. Earn extra points along with lots of exciting prizes. Don’t delay, join the match today! url',
      'facebook-popup',
      'height=350,width=600'
    );
    if (facebookWindow.focus) {
      facebookWindow.focus();
    }
    return false;
  }

Answer 1

请在您的 中添加元标记index.html 文件

标记示例

例如，以下是如何使用 og:type="article"和几个附加属性标记文章、新闻报道或博客文章的方法:

<meta property="og:url"                content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
<meta property="og:type"               content="article" />
<meta property="og:title"              content="When Great Minds Don’t Think Alike" />
<meta property="og:description"        content="How much does culture influence creative thinking?" />
<meta property="og:image"              content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />