title: AngularJs Model changes don't update
body: <p>I have a model that I want to be editable, but for some reason <strong>nothing change, the textbox doesn't show up and the model is not being updated</strong> when using <code>ng-view</code>.</p>
  
  <p>I can see the function <code>enableEditor()</code> being called using <code>console.log</code>.</p>
  
  <p>If I write it inline instead of <code>ng-view</code> in the <em>index.html</em> without the <em>profile.html</em> everything works perfectly.</p>
  
  <p>here are the files:</p>
  
  <p><strong>app.js</strong></p>
  
  <pre><code>var proGamersApp = angular.module('proGamersApp', ['ngResource']).
      config(function ($routeProvider) {
  
          $routeProvider.
          when('/', { controller: 'ProfileController', templateUrl: '/app/partials/profile.html' }).
          otherwise({ redirectTo: '/' });
      });
  
  var ProfileController = function ($scope) {
  
      $scope.init = function () {
          $scope.title = 'first title';
      };
  
      $scope.init();
      $scope.enableEditor = function () {
          console.log('enableEditor()')
          $scope.editorEnabled = true;
          $scope.editableTitle = 'second title';
          $scope.title = 'second title';
      };
  
       ...
  };
  </code></pre>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html ng-app="proGamersApp"&gt;
  &lt;head&gt;
      &lt;title&gt;Pro Gamers&lt;/title&gt;
  
      &lt;!-- Scripts --&gt;
      &lt;script src="/app/lib/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="/app/lib/angular-resource.js"&gt;&lt;/script&gt;
      &lt;script src="/app/app.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div ng-view&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>profile.html</strong></p>
  
  <pre><code> &lt;div ng-hide="editorEnabled"&gt;
          {{title}}
        &lt;a href="#" ng-click="enableEditor()"&gt;Edit title&lt;/a&gt;
      &lt;/div&gt;
      &lt;div ng-show="editorEnabled"&gt;
          &lt;input ng-model="title" ng-show="editorEnabled"&gt;
          &lt;a href="#" ng-click="save()"&gt;Save&lt;/a&gt;
          or
        &lt;a href="#" ng-click="disableEditor()"&gt;cancel&lt;/a&gt;.
      &lt;/div&gt;
  </code></pre>
  
  <p>Does someone know what I am doing wrong?</p>
  
  <p>thanks</p>