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

问题描述

我正在开发一个 Angular Web 应用程序，
我正在尝试在 Facebook 上分享我的内容
当我尝试分享 facebook 弹出窗口并收到消息时，href 应该代表一个有效的 URL
我想分享类似的内容

'使用推荐码 xyzUvK 加入最新的梦幻体育平台http://example.com。赚取额外积分以及许多令人兴奋的奖品。事不宜迟，今天就加入比赛吧！网址',

代码

html

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

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;
  }

标签： javascriptangularfacebookangular6angular5

请在您的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" />

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

问题描述

解决方案

推荐阅读