Direttiva di compilazione che viene iniettata da un file JSON AngularJS

Sperando che qualcuno possa aiutarmi con questa sfida.

$http.get() dati JSON dal server utilizzando $http.get() ;

I dati dal server restituiscono un object. Un valore nell’object contiene markup HTML. Questo markup è iniettato alla pagina usando

All’interno del markup, c’è una direttiva personalizzata chiamata

Utilizzando la struttura direttiva standard AngularJS, non rileva la direttiva e la collega.

Come posso compilare questo codice HTML una volta recuperato dal server e chiamare la funzione di collegamento sulla direttiva?

Grazie!

Il servizio $compile è quello che vuoi.

Il servizio $compile può essere iniettato in un controller o direttiva e invocato su un modello. Restituirà una funzione di collegamento che è ansible chiamare, passando l’ambito che si desidera colbind.

Ecco un esempio:

 angular.module('app', []); angular.module('app').controller('MainCtrl', function ($compile, $rootScope) { var template = ' '; var scope = $rootScope.$new(); var top = document.getElementById('top'); scope.myProp = 'Say hello to your mother for me'; top.innerHTML = template; $compile(top)(scope); }) angular.module('app').directive('specialDirective', function () { return { scope:{ prop: '=' }, restrict: 'E', link: function (scope, ele) { var html = 'Hello from the special directive

' + scope.prop; ele.html(html); } } })