title: Can I use one controller updating two views in AngularJS?
body: <p>Is it possible, to have two views bound to one controller, so that both views get updated no matter where the data was changed (view1, view2 or in the model)? It should work like this example (removed clutter).</p>
  
  <pre><code>&lt;script&gt;
      angular.module('foobar', []).controller('ContentCtrl', ['$scope', function($scope) {
          $scope.content = {'title': 'Foo', 'subtitle': 'Bar', 'text': 'desc'};
      }]);
  &lt;/script&gt;
  
  &lt;form action="#" ng-controller="ContentCtrl"&gt;
      &lt;input type="text" ng-model="content.title"&gt;
      &lt;input type="text" ng-model="content.subtitle"&gt;
      &lt;textarea ng-model="content.text"&gt;&lt;/textarea&gt;
  &lt;/form&gt;
  
  &lt;div ng-controller="ContentCtrl"&gt;
      &lt;input type="text" ng-model="content.title"&gt;
      &lt;input type="text" ng-model="content.subtitle"&gt;
      &lt;textarea ng-model="content.text"&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is a Plunker: <a href="http://plnkr.co/edit/UDs10RhG7mJR8813epwO?p=preview" rel="nofollow">http://plnkr.co/edit/UDs10RhG7mJR8813epwO?p=preview</a></p>