javascript - 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。