AngularJS – Exécutez une directive personnalisée après ng-bind-html

J'ai un scénario que je souhaite exécuter une directive personnalisée sur le DOM que ng-bind-html crée.

En principe, je dois personnaliser le comportement de la balise html <a> car le html en cours de chargement est dangereux et lorsque l'utilisateur clique sur le lien pour exécuter certaines fonctions avant que quelque chose ne se produise, aka, l'événement de clic de jqLite.

Donc, mon idée originale a été de créer une directive qui modifie le comportement de tout <a> dans le conteneur que j'ai mis l'attribut de ma directive.

Cela fonctionne bien, jusqu'à ce que je combine avec ng-bind-html , ma directive s'exécute avant que ng-bind-html compile la chaîne en html et attaché au DOM.

• Minular AngularJS me donne des erreurs illisibles
• Passer la portée actuelle à modalInstance lors de l'utilisation de la syntaxe du contrôleur
• L'héritage de portée en angulaire
• Afficher les carreaux pour les utiliser en mode hors connexion
• AngularJS somme des rangées ng-repeat

Alors, est-ce que n'importe quelle façon d'exécuter ma directive personnalisée après la course ng-bind-html ?

• Comment puis-je générer une table imbriquée dans une colonne si elle contient une liste de valeurs à l'aide de js angulaires?
• Directives de modélisation dynamique angulaire
• Sélectionnez et déposez des fichiers et / ou des dossiers à analyser
• Fonction de temporisation dans angularJS
• Convertir $ .param in angularjs

 <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()); }); } }; });