title: AngularJs "controller as" syntax - clarification?
body: <p>I <a href="http://docs.angularjs.org/guide/concepts#controller" rel="noreferrer">read about the new syntax</a> from angularJS regarding <code>controller as xxx</code></p>
  
  <blockquote>
    <p>The syntax <code>InvoiceController as invoice</code> tells Angular to instantiate
    the controller and save it in the variable invoice in the current
    scope.</p>
  </blockquote>
  
  <p>Visualization : </p>
  
  <p><img src="https://i.stack.imgur.com/jOhdC.jpg" alt="enter image description here"></p>
  
  <p>Ok  , so I wont have the parameter <code>$scope</code> in my controller and the code will be much cleaner in the controller.</p>
  
  <p><strong>But</strong></p>
  
  <p>I will have to specify another alias <strong>in the view</strong></p>
  
  <p>So Until now I could do : </p>
  
  <pre><code>&lt;input type="number" ng-model="qty"  /&gt;
  
  ....controller('InvoiceController', function($scope) {
     // do something with $scope.qty &lt;--notice
  </code></pre>
  
  <p>And now I can do : </p>
  
  <pre><code> &lt;input type="number" ng-model="invoic.qty"  /&gt; &lt;-- notice 
  
    ....controller('InvoiceController', function() {
         // do something with  this.qty  &lt;--notice
  </code></pre>
  
  <p><strong>Question</strong></p>
  
  <p>What is the goal of doing it ? removing from one place and add  to another place ? </p>
  
  <p>I will be glad to see what am I missing.</p>