javascript - AngularJS ディレクティブのクリックは 1 回しか呼び出せません

Question

モーダルを表示するディレクティブに取り組んでいます。最初は機能しますが、2 回目以降はクリックが機能しなくなります。コードは次のようになります。

<li><a href="http://example.com/JohnDoe" profile-modal="JohnDoe">JohnDoe</li>

EngagementApp.directive('profileModal', ['$compile', 'Request', '$modal', '$q',

function($compile, Request, $modal, $q) {

return {
    restrict : 'A',
    link : function(scope, element, attrs) {

        element.bind('click', function(e) {
            e.preventDefault();
            scope.modal = { 
                username : attrs.profileModal,
                url : main_site_url
            };

            var modalPromise = $modal({template: '/templates/profile.html', persist: true, show: false, backdrop: 'static', scope: scope});

            $q.when(modalPromise).then(function(modalEl) {
                modalEl.modal('show');
            });

        });

    }
};

}]);

最初だけでなく、複数回クリックを機能させるにはどうすればよいですか? モーダルに使用しているフレームワークは angularstrap です。http://mgcrea.github.io/angular-strap/