AngularJS : basic controller As VM using .value

AngularJS : basic controller As VM using .value

by Daan De Smedt

HTML

<div ng-app="app" ng-controller="BasicController as vm">
  Hello, {{vm.movieTitle}}!<br/>
  Hello after edit, {{vm.movieTitleEdited}}!<br/>
</div>

JavaScript

angular
  .module('app', [])
  .value('movieTitle', 'The Matrix')
  .controller('BasicController', BasicController)

function BasicController(movieTitle) {
  /* declare VM */
  var vm = this;
  /* set constant to VM */
  vm.movieTitle = movieTitle;
  /* updated value */
  movieTitle = 'The Matrix Reloaded';
  vm.movieTitleEdited = movieTitle;
}