javascript - 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。