AngularJS not compiling 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);
        });
    });
});

This results in a div element showing the following:

I realize that when I compile it it does it correctly. However when I try and compile it a second time it has no effect.

To fix this I need to compile the template and return raw html then use that html in the second compile.

Is there a method in angular which just renders plain html?

basickarl · Accepted Answer · 2016-05-25 13:25:12Z

2

The method I was looking for was $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);
    });
});

answered May 25, 2016 at 13:25

basickarl

41.2k70 gold badges239 silver badges358 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS not compiling html

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related