Question

我有一个问题，我希望在angularjs的指令中附加html元素，我希望编译它们，例如我希望附加一个{{text}}，我希望用~~~ $ scope编译它.text =＆＃34;示例......＆＃34 ;;

我该怎么做？这可能吗？如何？

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

AngularJS在指令中追加和编译

1 个答案: