AngularJS - 在ng-bind-html之后運行自定義指令

Question

我有一個場景，我想在ng-bind-html創建的DOM上運行自定義指令。

基本上我要自定義html標簽<a>的行為，因為加載的html是不安全的，當用戶點擊鏈接時我會在發生任何事情之前執行某些功能，即jqLit​​e的click事件。

所以我的原始ideia是創建一個指令，修改我放置指令屬性的容器內的任何<a>的行為。

這很好用，直到我與ng-bind-html結合使用，我的指令在ng-bind-html編譯之前運行，然后將字符串編譯成html並附加到DOM。

那么，在ng-bind-html運行之后運行我的自定義指令有什么方法嗎？

Answer 1

DEMO

HTML：

<div ng-app="myApp" ng-controller="myCtrl">
       <div ng-bind="sometext" my-directive>before</div>
    </div>

控制器：

angular.module('myApp', []);

angular.module('myApp').controller('myCtrl', function($scope) {   
   $scope.sometext="stuff here";
});

指示：

angular.module('myApp').directive('myDirective', function() { 
        return {
            priority: 10, // adjust this value ;)
            link: function(scope,element,attrs) {
                scope.$watch(attrs.ngBind, function(newvalue) {
                  console.log("element ",element.text());
                });           
            }
        };      
    });

使用priority屬性inside指令在mg-bind之后運行代碼