AngularJS Append und kompilieren in Direktive

Question

Ich habe ein Problem, ich möchte HTML-Elemente in einer Direktive in angularjs anhängen, und ich möchte sie zum Beispiel kompilieren Ich möchte ein {{text}} anhängen und ich möchte dies kompilieren with ~~~ $ scope.text = "Beispiel ...";

Wie kann ich das tun? ist das möglich? Wie?

(function() { 
'use strict'; 

var matrixelement = document.getElementById("matrixcontent"); 

var app = angular.module('testviewer', ['ngMaterial', 'ngSanitize']).controller('matrixviewCtrl', matrixviewCtrl); 


app.directive("matrixview",function($compile){ 
    return { 
      link: function (scope, iElement, iAttrs) { 
      var svg = angular.element("<p>{{ text }}</p>"); 
      iElement.append($compile(svg)($scope)); 
     }    
    } 
}); 



function matrixviewCtrl($scope, $compile) { 


} 
})(); 

Answer 1

Ändern Sie diese Zeile:

iElement.append($compile(svg)($scope)); 

Um dies:

iElement.append($compile(svg)(scope)); 

Acutally Sie haben nur das $ -Zeichen vom Umfang erwähnt wird als scope weil in Ihrem Link fuction zu entfernen.