title: angularjs controller in PartialView not working
body: <p>I have a View which contains a link to call a PartialView.</p>
  
  <pre><code>&lt;div data-ng-controller="MainController"&gt;
      &lt;a href="#" data-ng-click=callPartialView()"&gt;
          Click here to see the details.
      &lt;/a&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
      app.controller('MainController', ['$scope', 'HttpService', 
          function($scope, HttpService) {
  
          $scope.callPartialView = function() {
              HttpService.getModal('/Controller/ShowModalMethod', {});
          };
      }]);
  &lt;/script&gt;
  </code></pre>
  
  <p>My HttpService service has a function that calls an action from the controller and returns a PartialView in order to show it.</p>
  
  <pre><code>getModal = function(url, params) {
      $http.get(url, params).then(function(result) {
          $('.modal').html(result);
      });
  }
  </code></pre>
  
  <p>The PartialView is showing perfectly. The problem occurs when I try to add a controller to that PartialView content.</p>
  
  <pre><code>&lt;div class="wrapper" data-ng-controller="PartialViewController"&gt;
      &lt;span data-ng-bind="description"&gt;&lt;/span&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
      alert('This alert is shown.');
      app.controller('PartialViewController', ['$scope', 'HttpService', 
          function($scope, HttpService) {
  
          $scope.description = "That's the content must have to appear in that bind above, but it isn't working properly.";
      }]);
  &lt;/script&gt;
  </code></pre>
  
  <p>The controller just don't work as expected. None I put inside the controller appears in that div above. What's happening? Thank you all!</p>