$scope vs. Controller As

Example of $scope vs. Controller As

by Sajeetharan Sinnathurai

HTML

<script src="https://code.angularjs.org/1.3.1/angular.js"></script>
<div ng-app="ratingStore">
  <div name="rateForm" ng-contoller="reviewController as vm">
   <blockquote>
  <b>Film name: {{vm.rate.name}}</b>
   <b>Stars: {{vm.rate.price}}</b>
  </blockquote>
  <input type="type" class="film" ng-model="vm.rate.name"/>
    <select ng-model="vm.rate.price">
      <option value="1">1 star</option>
      <option value="2">2 star</option>
      <option value="3">3 star</option>
      <option value="4">4 star</option>
      <option value="5">5 star</option>
    </select>
    <button   ng-click="vm.addRate()"></button>
  </div>
 
</div>

JavaScript

debugger;
angular.module('ratingStore', [])
.controller('reviewController', function() {
  var vm = this;  
  vm.rate = {};
  vm.addRate = function() {
    vm.rate.push(this.rate)
    vm.rate = {};
  };
});