如何在 angular js 社交分享中分享图片到 facebook

Question

我需要在 Facebook 的 Angular js 社交分享中分享图片。但是它不显示共享中的图像。这是我的代码。

<button class="btn btn-info"
    socialshare
    socialshare-provider="facebook"
    socialshare-type="feed"
    socialshare-via="MY KEY"
    socialshare-quote="Thiscountz quote"
    socialshare-display="page"
    socialshare-quote="Thiscountz quote"
    socialshare-url="thiscountz.com" 
    socialshare-media="https://static.ipictheaters.com/2011102503/cache/Content/images/marketing/herocrop.jpg">

    <span class="fa fa-facebook "></span>

</button>

Answer 1

您正在将图像 url 设置为 social-media，您应该使用 socialshare-url 用于 facebook。如果您阅读 docs，您会发现 social-media 不是 facebook 分享 directives/options 的一部分。

<button type="button" class="btn btn-info"
    socialshare
    socialshare-provider="facebook"
    socialshare-type="feed"
    socialshare-via="MY KEY"
    socialshare-quote="Thiscountz quote"
    socialshare-display="page"
    socialshare-url="https://static.ipictheaters.com/2011102503/cache/Content/images/marketing/herocrop.jpg" >

    <span class="fa fa-facebook "></span>

</button>

此外，我注意到您将 socialshare-quote 选项设置了两次，并且没有向按钮添加 type="button"（也许这不是与您的实际问题相关，但您可以添加按钮类型作为一种好的做法）

如何在 angular js 社交分享中分享图片到 facebook

How to share image in angular js social share in facebook

angularjs

socialshare