title: Reload DOM after AJAX queries AngularJS
body: <p>In my project, I do an AJAX request using AngularJS who call another page that includes Angular directives (I want to make another AJAX call inside) but no interaction in loaded page.</p>
  
  <p>I think new DOM isn't functionnal.. I'm trying the pseudo-code $apply unsuccessed.</p>
  
  <p>Main.html :</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html data-ng-app="App"&gt;
      &lt;head&gt;&lt;/head&gt;
      &lt;body &gt;
          &lt;div data-ng-controller="editeurMenuMobile"&gt;
              &lt;ul&gt;
                  &lt;li data-ng-click="callMenu('FirstAjax.html')" &gt; &lt;!-- Work ! --&gt;
                      &lt;a href=""&gt;
                          &lt;span&gt;Modèles&lt;/span&gt;
                      &lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li data-ng-click="callMenu('FirstAjax.html')"&gt; &lt;!-- Work ! --&gt;
                      &lt;a href=""&gt;
                          &lt;span&gt;Designs&lt;/span&gt;
                      &lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
              &lt;div data-ng-bind-html="data"&gt;
                  &lt;!-- AJAX content --&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;!-- Javascript scripts --&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>FirstAjax.html :</p>
  
  <pre><code>&lt;div data-ng-controller="editeurActionAjax"&gt;
      &lt;div&gt;
          &lt;button data-ng-click="callAction('SecondAjax.html')"&gt; &lt;!-- Doesn't work --&gt;
              Go
          &lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And my JS :</p>
  
  <pre><code>var App = angular.module('App', []);
  
  App.controller('editeurMenuAjax', ['$scope', '$http', '$sce', function($scope, $http, $sce) {
          $scope.callMenu = function(element) {
              $http({method: 'GET', url: element}).
                      success(function(data) {
                          $scope.data = $sce.trustAsHtml(data);
                      }).
                      error(function() {
                          $scope.showAjaxError = true;
                      });
          };
      }
  ]);
  App.controller('editeurActionAjax', ['$scope', '$http', '$sce', function($scope, $http, $sce) {
          $scope.callAction = function(element) {
              $http({method: 'GET', url: element}).
                      success(function(data) {
                          $scope.data = $sce.trustAsHtml(data);
                      }).
                      error(function() {
                      });
          };
      }
  ]);
  </code></pre>
  
  <p>Thank you for your help</p>