1
<!-- ng-bind-html de uma diretiva customizado não funciona -->
<span ng-bind-html="customDirective"></span>


<!-- é renderizado -->
<choices-tab></choices-tab>

//Assim funciona:
$scope.customDirective = '<div class="alert alert-danger">teste</div>';

//Se eu fazer o ng-bind-html de uma diretive não funciona; não é renderizado nada
$scope.customDirective = '<choices-tab></choices-tab>';


angular.module('app')
.directive('choicesTab', function(){
    return {
        templateUrl: '../choices.html',
        link: function(){

        }
    }
});

ps. A diretiva funciona normalmente sem o ng-bind-html

1 Resposta 1

0

Eu não consigo comentar, portanto, este texto não tem a intenção de ser a resposta.

O que tenho a dizer é que você tem que usar $compile na diretiva:

var app = angular.module('app', []);

app.directive('choicesTab', ['$compile', function($compile){
    return {
        templateUrl: '../choices.html',
        link: function(){

        }
    }
}]);

Aí sim você vai poder brincar de Inception.

Mais referências:

Using $compile in Angular

Angular ng-bind-html and directive within it

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .