title: Partial view ng-click not working when using two different controller files
body: <p>I am working on MVC4 with angular JS and using ng-include to call a partial view inside my main view. Issue comes when I am trying to click a button inside my partial view. </p>
  
  <p>I have two different controllers in angular, one for main and other one for a partial view both are working under same module. </p>
  
  <p>My file structure is as follows</p>
  
  <p>Scripts..</p>
  
  <p>|
  --Main.js </p>
  
  <p>|--ProjectPage.js </p>
  
  <p>(Main.js)</p>
  
  <pre><code>var app = angular.module("Layout", []);
  app.controller("LoadPage", function ($scope) {
      $scope.templateUrl = '/Home/DefaultPage';
  };
  </code></pre>
  
  <p>(ProjectPage.js)</p>
  
  <pre><code>angular.module("Layout")
      .controller("CNTRL", function ($scope) {
      $scope.clickBtn1 = function () {
          alert("ABU");
      };
    });
  </code></pre>
  
  <p>and this is the HTML, I am using for partial page</p>
  
  <pre><code>&lt;body ng-app="Layout" ng-controller="CNTRL"&gt;
  &lt;button ng-click="clickBtn1 ()" id="click"&gt;click&lt;/button&gt;
  </code></pre>
  
  <p>The partial view is working fine when its called up independently(not inside the main view). No error is coming inside the browser but click event is not working.</p>