如何在Facebook的角度js社交分享中分享图像

时间:2017-12-11 11:25:05

标签: angularjs socialshare

我需要在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>

1 个答案:

答案 0 :(得分:1)

您正在将图片网址设置为social-media,您应该使用 socialshare-url 进行Facebook。如果您阅读docs,您会看到social-media不属于facebook共享指令/选项。

<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"(也许这不是&#39 ; t与您的真实问题有关,但您可以添加按钮类型作为一种良好做法)