AngularJS: Call a controller after loading HTML content by ajax?

Question

I'm trying to execute a controller after loading the content by ajax : Here,

    <div ng-controller="Hello">
        <p ng-bind-html="greeting.content">HTML</p>
    </div>

I'm call a controller Hello that replace HTML by :

<div ng-controller='MainCtrl'><div ng-bind-html='content'>XXXX</div></div>

So the controller MainCtrl don't execute after inserting..

app.controller('MainCtrl', function($scope) {
$scope.content = "<b>this is bold content</b><p>with a <u>paragraph</u></p>"; });

How can I do it ?

Thanks you

ng-include don't execute after innerHtml "<div ng-include="'myPartialTemplate.html'"></div>".. — csu
– csu, Commented Sep 18, 2014 at 9:31

Satpal · Accepted Answer · 2014-09-18 09:06:11Z

2

You need to use ngInclude

Fetches, compiles and includes an external HTML fragment.

Example:

<div ng-include="'myPartialTemplate.html'"></div>

answered Sep 18, 2014 at 9:06

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

1 Comment