720kb SocialShare 共享动态创建按钮

Question

我想要实现的是单击生成一个可以处理社交共享的按钮。我正在创建具有 https://github.com/720kb/angular-socialshare 中描述的所有属性的按钮，但是当我单击该按钮时，没有任何反应。我知道我必须在创建按钮后绑定事件，但我真的不知道如何。

var testingUrl = response.id;
var twitterButton = '<a id="thisButton"type="button" class="btns twitter-new twitter-skin mdm-btn pull-right" socialshare="" socialshare-provider="twitter" socialshare-trigger="click"  socialshare-url="'+testingUrl+'" socialshare-hashtags="something, something, something" socialshare-via="something," socialshare-text="Checkout this chart" socialshare-popup-height="300" socialshare-popup-width="400" socialshare-trigger="click">Share to <i class="fa fa-twitter"></i></a>'
$('#chart_1_content').append(twitterButton);

Answer 1

您需要先编译HTML代码，才能让angular识别指令。像这样

var testingUrl = response.id;
var twitterButton = '<a id="thisButton"type="button" class="btns twitter-new twitter-skin mdm-btn pull-right" socialshare="" socialshare-provider="twitter" socialshare-trigger="click"  socialshare-url="'+testingUrl+'" socialshare-hashtags="something, something, something" socialshare-via="something," socialshare-text="Checkout this chart" socialshare-popup-height="300" socialshare-popup-width="400" socialshare-trigger="click">Share to <i class="fa fa-twitter"></i></a>'
$('#chart_1_content').append($compile(twitterButton)($scope));

您还可以检查 testingUrl 的值是否有效 URL。

720kb SocialShare 共享动态创建按钮

720kb SocialShare share with dinamic created button

javascript

jquery

angularjs

socialshare