AngularJS - Controller As Syntax

by Yaser Mehraban

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<script src="http://code.angularjs.org/1.1.5/angular.js"></script>
<div ng-app="myapp">
   <div ng-controller="ListCtrl as vm">
      <a class="list-group-item" ng-repeat="e in vm.events | orderBy:'popularity'"> 
  {{ e.name }}</a>
  </div>
</div>

JavaScript

var myapp = angular.module('myapp', []);

myapp.controller('ListCtrl', function () {
    var vm = this;

    vm.events = [{
      "name": "one",
      "popularity": 1
    }, {
      "name": "four",
      "popularity": 4
    }, {
      "name": "two",
      "popularity": 2
    }];
});