I have come across a similar issue with using jQuery's AJAX to receive template strings and append it to a server.

So when HTML is added via jQuery, bound html string, etc., angular doesn't know it needs to automagically compile this data.

What you need to do is use the $compile service, to $compile your html and then attach the correct $scope to it:

`$compile('jQuerySelectorReturningHtmlOrAnHTMLStringThatNeedsToBeCompiled')($scope);`

There are multiple examples in Angulars Documentation for $compile that can give you an idea of what is happening. I think by what you have described the same thing is happening here in your situation.

The key is to call this $compile service function after the html has been bound to the page.

EDIT:

There are a few other options based on some comments, that will serve as a viable solution to rendering this content on your view. For example a directive that takes a string attribute representing the HTML string of your desired view.

1. Modify your directive template in the compile step:

You have the ability to modify your template before the directive compiles and binds any attributes to it, to that directives scope:

app.directive('myAwesomeCompileStepDirective', [myAwesomeCompileStepDirectivef]);

function myAwesomeCompileStepDirectiveFn() {
  return {
    restrict: 'EA',
    compile: function compileFn(tAttrs, tElement) {
      //Here you can access the attrs that are passed into your directive (aka html string)
      tElement.html(tAttrs['stringThatYouWantToReplaceElementWith']);

      return function linkFn(scope, element, attrs, controller, transcludeFn) {
        //if all you want to do is update the template you really don't have to do anything
        //here but I leave it defined anyways.
      }
    }
  }
}

You can view a file I wrote for a npm component which uses this method to modify my directive template before it is compiled on the page & you can also view the codepen for the complete component to see it in action.

2. Use $compile service to call $compile in link function using directive attrs.

In the same way as the aforementioned method, you can instead inject the $compile service, and call the function mentioned above. This provides a bit more work, for you but more flexibility to listen to events and perform scope based functions which is not available in the compile function in option 1.