title: $scope inside and outside ng-include behave differently
body: <p>so I did some experiment to create a ng-change behaviour on 2 different selectbox while carying the same $scope. one is inside ng-include directive, meanwhile the other one is outside the ng-include directive, the interesting part is though when I implement data-binding it turns out okay, but when I tried to look at my console tab it return differently</p>
  
  <p>the one outside the ng-include directive was okay whereas the one inside the ng-include directive always returns value 'a' or static value</p>
  
  <p>this is the <strong>index.html</strong> mockup</p>
  
  <pre><code>  &lt;select ng-model="list" ng-change="changeOutsideTemplate()"&gt;
      &lt;option value="a"&gt;A&lt;/option&gt;
      &lt;option value="b"&gt;B&lt;/option&gt;
    &lt;/select&gt;
  
    {{list}}
  
    &lt;div ng-include="test"&gt;&lt;/div&gt; //this scope caries test.html
  </code></pre>
  
  <p>this is the <strong>test.html</strong> mockup</p>
  
  <pre><code>&lt;select ng-model="list" ng-change="changeInsideTemplate()"&gt;
    &lt;option value="a"&gt;A&lt;/option&gt;
    &lt;option value="b"&gt;B&lt;/option&gt;
  &lt;/select&gt;
  
  {{list}}
  </code></pre>
  
  <p>this is the controller</p>
  
  <pre><code>var app = angular.module('myApp', []);
  
  app.controller('MainCtrl', function($scope) {
    $scope.name = 'World';
    $scope.test = "test.html";
    $scope.list = "a";
  
    $scope.changeInsideTemplate = function() {
      console.log($scope.list); //always returns 'a'
    }
  
    $scope.changeOutsideTemplate = function() {
      console.log($scope.list); //this is the correct way
    }
  
  });
  </code></pre>
  
  <p>this is the working <a href="http://plnkr.co/edit/KjHSgyeLQ2CYgnsFrO3J"><strong>example</strong></a></p>
  
  <p>why do you think the cause of this issue ? anyone care to elaborate ?</p>