Testing Angular

by vbfischer

HTML

<div ng-app="app">
  <h1>Controllers</h1>
  <div ng-controller="MainCtrl as main">
    <p>{{ main.message }}</p>
    <form ng-submit="main.changeMessage(main.newMessage)">
      <input type="text" ng-model="main.newMessage">
      <button type="submit">
      Update Message
      </button>
    </form>
  </div>
</div>

JavaScript

angular.module('app', []);

angular.module('app').controller('MainCtrl', function() {
	var self = this;
  self.message = 'hello'

	self.changeMessage = function(message) {
  	self.message = message;
  }
});