Basic AngularJS Form

by mattography

HTML

<body ng-controller='MyController'>
<br>
<h1>Demo {{title}}</h1>
<div>
<p>
	<label for="valA">Your A:</label>
	<input type="number" id="valA" ng-model='valA'>
</p>
<p>
	<label for="valB">Your B:</label>
	<input type="number" id="valB" ng-model='valB'>
</p>
<p ng-controller='Math1'>
	<button ng-click="add(valA,valB)">Add</button>
	Results: {{result}}	
</p>
<p ng-controller='Math2'>
	<button ng-click="multiple(valA,valB)">Mulitple</button>
	Results: {{result}}
</p>

JavaScript

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

myApp.controller('Math1', ['$scope', function($scope) 
{
	$scope.result = 0;

	$scope.add = function(a,b) {
		$scope.result = a+b;
	};
}]);
myApp.contoller('Math2', ['$scope', function($scope)
	$scope.result = 0;

	$scope.multiple = function(a,b) {
		$scope.result = a*b;
	};
}]);