javascript - AngularJS 不编译 html

Question

$scope.message = '<p>test text</p>';
var html = '<div>{{::message}}</div>';

$scope.$apply(function () {
    $compile(html)($scope, function (cloned, scope) {
        $compile(cloned)(scope, function (clonedTwo, scopeTwo) {
            angular.element(myDiv).append(clonedTwo);
        });
    });
});

这会导致 div 元素显示以下内容:

我意识到当我编译它时它会正确执行。但是，当我尝试第二次编译它时，它没有任何效果。

要解决此问题，我需要编译模板并返回原始 html，然后在第二次编译中使用该 html。

Angular 中有没有一种方法可以只渲染纯 html？

Answer 1

我正在寻找的方法是$interpolate。

$scope.message = '<p>test text</p>';
var html = '<div>{{::message}}</div>';

var inter = $interpolate(html)($scope);

$scope.$apply(function () {
    $compile(inter)($scope, function (cloned, scope) {
        angular.element(myDiv).append(cloned);
    });
});