【Angular.js】Twitterのツイートボタンを表示してくれるディレクティブ。

Gistでこんなものを発見。

directives.directive('twitter', [
    function() {
        return {
            link: function(scope, element, attr) {
                setTimeout(function() {
                        twttr.widgets.createShareButton(
                            attr.url,
                            element[0],
                            function(el) {}, {
                                count: 'none',
                                text: attr.text
                            }
                        );
                });
            }
        }
    }
]);

下記のようにして使う。

<!-- まずtwitterのウィジェットを読み込む -->
<script src="http://platform.twitter.com/widgets.js"></script>
<!-- そしたらこう -->
<a twitter data-text="{{textHere}}" data-url="{{shareLinkHere}}"></a>