addthis プラグイン用にこのディレクティブを作成しましたが、毎回ではなく、たまにしかボタンを表示/レンダリングしません...
.directive('addThis', function(){
return {
restrict: 'A',
scope: {
image: '='
},
replace: true,
templateUrl: Directory.url + '/templates/_addthis.html',
link: function(scope, elm){
console.log('Create addthis button');
}
}
}))
テンプレートコード:
<ul class="image-actions">
<li><a class="addthis_button_facebook" addthis:url="{{image.link}}" fb:like:href="{{image.link}}" addthis:title="{{image.post.post_title}}"></a></li>
<li><a class="addthis_button_twitter" tw:url="{{image.link}}" addthis:title="{{image.post.post_title}}"></a></li>
<li><a class="addthis_button_pinterest_share" addthis:url="{{image.link}}" addthis:title="{{image.post.post_title}}"></a></li>
<li><a class="addthis_button_google_plusone_share" addthis:url="{{image.link}}" addthis:title="{{image.post.post_title}}"></a></li>
<li>
<a class="addthis_button_compact" addthis:url="{{image.link}}" addthis:title="{{image.post.post_title}}"></a>
<a class="addthis_counter addthis_bubble_style" addthis:url="{{image.link}}" addthis:title="{{image.post.post_title}}"></a>
</li>
助けてくれてありがとう...いつレンダリングするかを制御できるようにしたい...または何らかの形でスコープに挿入する...?