AngularJS指令に追加してコンパイルする

Question

問題があります、angularjsの指令にhtml要素を追加したいと思います。たとえば、{{text}}を追加したいと思います。コンパイルしたいと思います。 ~~~ $ scope.text = "例...";

どうすればいいですか？ これは可能ですか？どうやって？

(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

変更この行：これに

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

：

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

Acutallyあなただけのリンクのfuctionにそれはscopeとして言及されているため、範囲から$記号を削除する必要があります。