title: Reused ng-controller as singleton
body: <p>I understand that ng-controller create a new instance of controller. How could I reused the controller in different place of my template and keep the same model.</p>
  
  <p>I try to find out by myself but I am new in AngularJs and a bit lost...</p>
  
  <p>See my example in Plunker: <a href="http://plnkr.co/edit/VGLEcdlY4IaAJmJPWhQ7?p=preview" rel="nofollow">http://plnkr.co/edit/VGLEcdlY4IaAJmJPWhQ7?p=preview</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;body ng-app="app"&gt;
      &lt;div ng-controller="test"&gt;
          &lt;label ng-click="test()"&gt;Test: {{ name }}&lt;/label&gt;&lt;br/&gt;
          &lt;input type="text" ng-model="name" /&gt;
      &lt;/div&gt;
      &lt;p&gt;Here some other ng-controller...&lt;/p&gt;
      &lt;div ng-controller="test"&gt;
          &lt;label ng-click="test()"&gt;Test: {{ name }}&lt;/label&gt;&lt;br/&gt;
          &lt;input type="text" ng-model="name" /&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Js</p>
  
  <pre><code>angular
  .module('app', [])
  .controller('test', function($scope) {
      $scope.name = 'hello world';
      $scope.test = function(){ alert('alert'); };
  })
  </code></pre>
  
  <p>The 2 fields are not connected to the same model/scope, how can make this singleton and have the same model for both input.</p>