html code is not getting decoded with linky

Question

I have text $scope.post.details = <b>hello</b>

I have this directive:

var app = angular.module('mobApp.services');
app.directive('compile', ['$compile', function ($compile) {
    return function(scope, element, attrs) {
        scope.$watch(attrs.compile, function(html) {
            element.html(html);
            $compile(element.contents())(scope);
        });
    };
}]);

I am using like

problem is <b> is not getting render as <b>

Answer 1

Well I have a JavaScript function that converts string to HTML. You could use this function to convert it into HTML

function htmlDecode(input){
  var e = document.createElement('div');
  e.innerHTML = input;
  return e.childNodes[0].nodeValue;
}