angular ng-bind-html et les directives qu'il contient

Question

Lien avec Plunker

J'ai un élément auquel je voudrais lier du html.

<div ng-bind-html="details" upper></div>

Cela fonctionne. Maintenant, avec cela, j'ai aussi une directive qui est liée au html lié :

$scope.details = 'Success! <a href="#/details/12" upper>details</a>'

Mais la directive upper avec le div et l'ancre ne sont pas évalués. Comment faire pour que cela fonctionne ?

Answer 1

La meilleure solution que j'ai trouvée ! Je l'ai copiée et elle fonctionne exactement comme je le voulais. Merci, merci, merci ...

dans la fonction de liaison directive, j'ai

app.directive('element',function($compile){
  .
  .
     var addXml = function(){
     var el = $compile('<xml-definitions definitions="definitions" />')($scope);
     $scope.renderingElement = el.html();
     }
  .
  .

et dans le modèle de directive :

<span compile="renderingElement"></span>