<div ng-app>
<form ng-submit="requestFunding()" ng-controller="StartUpController">
Starting: <input ng-model="startingEstimate">
Recommendation: {{needed}}
<button type="submit" class="btn">Fund my startup!</button>
<button type="reset" class="btn" ng-click="reset()">Reset</button>
</form>
</div>
@section scripts{
<script src="~/Scripts/angular.js"></script>
<script>
function StartUpController($scope) {
$scope.startingEstimate = 0;
computeNeeded = function () {
$scope.needed = $scope.startingEstimate * 10;
};
$scope.requestFunding = function () {
window.alert("Sorry, please get more customers first.");
};
$scope.reset = function () {
$scope.startingEstimate = 0;
};
// observe the model 'startingEstimate', if value changed, call computeNeeded function
$scope.$watch('startingEstimate', computeNeeded);
}
</script>
}