Twitter分享网站的按钮

时间:2018-01-24 07:03:27

标签: angular twitter share

我正在尝试使用以下代码在我的网站中实现Twitter分享按钮

build_start=11:17 AM
build_duration=07m:52sec
build_end= $build_start + $build_duration

其中<a class="btn btn-small" href=" https://twitter.com/intent/tweet?source=tweetbutton&text={{name}}&url=https://stage.mutterfly.in+{{url}}" > <i class="fa fa-twitter" aria-hidden="true" style="height: 30px; width:30px; color:black"></i> </a> 来自api响应而{{url}}来自_route.url,这是当前的网址。 问题是此链接不接受我的动态数据并显示不安全的网址错误。

如何在此链接中插入动态文字和网址并使其有效?

2 个答案:

答案 0 :(得分:1)

您可以使用下面的打字稿中的方法获取值,

<a class="btn btn-small" 
   [href]="getURL()" >
          <i class="fa fa-twitter" aria-hidden="true" style="height: 30px; width:30px; color:black"></i>
</a>

您的方法必须为

getURL(){
   return "https://twitter.com/intent/tweet?source=tweetbutton&text=this.name&url=https://stage.mutterfly.in+this.url"
}

答案 1 :(得分:0)

您可以使用此代码,我使用codeigniter

<?php $url_share ="http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; ?>

<a style="background-color:#16A7F0;padding:5px;color:#FFF;" class="fa fa-twitter" href="https://twitter.com/intent/tweet?text=<?php echo $product['product_name'];?>&url=<?php echo $url_share;?>&via='$youtTags'" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=no,scrollbars=no,height=500,width=600');return false;" > Twitter</a>