$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">
  <form name="rateForm" ng-contoller="reviewController as reviewCtrl">
   <blockquote>
  <b>Film name: {{reviewCtrl.rate.name}}</b>
   <b>Stars: {{reviewCtrl.rate.price}}</b>
  </blockquote>
  <input type="type" class="film" ng-model="reviewCtrl.rate.name"/>
    <select ng-model="reviewCtrl.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>
   
  </form>
  <button type="submit" ng-submit="reviewCtrl.addRate(rating)"></button>
</div>

JavaScript

debugger;
angular.module('ratingStore', [])
.contoller("reviewController", function(){
 var reviewCtrl = this;
reviewCtrl.rate = {};
reviewCtrl.addRate = function(rating){
    rating.rate.push(this.rate)
    reviewCtrl.rate = {};
};
 });