Load html conent after loading page?

Hi jay you have to make directive for your example which is name bind-unsafe-html pass your html string or content in that and then it will re render your html content. For Example.

app.directive('bindUnsafeHtml', ['$compile', function ($compile) {
  return function(scope, element, attrs) {
        console.log("in directive");
      scope.$watch(
        function(scope) {
          // watch the 'bindUnsafeHtml' expression for changes
          return scope.$eval(attrs.bindUnsafeHtml);
        },
        function(value) {
          // when the 'bindUnsafeHtml' expression changes
          // assign it into the current DOM
          element.html(value);

          // compile the new DOM and link it to the current
          // scope.
          // NOTE: we only compile .childNodes so that
          // we don't get into infinite loop compiling ourselves
          $compile(element.contents())(scope);
        }
    );
};
}]);