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));

基本上，您只需要從作用域中刪除$符號，因為在鏈接功能中它被稱為scope 。