带有动态创建按钮的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的值testingUrl是有效的URL。