AngularJS-在ng-bind-html之后运行自定义指令

Question

我有一种情况，我想在ng-bind-html创建的DOM上运行自定义指令。

基本上，我必须自定义html标记的行为，<a>因为正在加载的html是不安全的，并且当用户单击链接时，我必须click在jqLit​​e事件发生之前执行某些功能。

因此，我最初的想法是创建一个指令，该指令会修改<a>我放置指令属性的容器内部任何容器的行为。

正常工作，直到与结合使用ng-bind-html，我的指令在ng-bind-html将字符串编译为html并附加到DOM 之前运行。

那么，在运行之后是否可以运行我的自定义指令ng-bind-html？

Answer 1

演示

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在mg-bind之后使用内部指令内部属性运行代码