How to initialize controller in angularjs after Ajax?

Question

JavaScript

I have a question about angularJs.

I have one controller which is responsible for loading templates. The essence of this controller is to call a function when the url (history api) changes, the function itself makes an Ajax request to the server and returns the HTML code of the page in which its controller is connected to process the document, something like this

$http.post($location.url(), xx).then(function( result ) {
       $scope.myTemplate = $sce.trustAsHtml( result.data );
}, function( result ) {
      console.log( result );
})

Got the template in $scope.myTemplateand displayed it on the page Everything is great! But how can I now initialize the controller that belongs to this template in this template (myTemplate)? In this piece, I connected the controller to the very bottom, registered it in ng-controller and nothing happened. Help me to understand. <div ng-bind-html="myTemplate"></div>

Answer 1

$scope.templateUrl = $location.url();
ng-bind-html is not designed to compile and bind a template (if you know what I mean)

Answer 2

Maybe I'm wrong of course, but here you need $routeProvider + ngView plnkr.co/edit/BYExpQyDQdnCFP3ZH5uM?p=preview
And what are you doing: a bicycle. =)