<!DOCTYPE html>
<html>
<head>
<script data-require="angular.js@1.4.8" data-semver="1.4.8" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js"></script>
<script src="module.js"></script>
<script src="form-submit-controller.js"></script>
</head>
<body ng-app="app">
<div id="form_wrapper" ng-controller="FormSubmitController">
<form ng-show="notSubmitted">
<input type="text" name="feedback"/>
<input type="submit" value="Submit Feedback" ng-click="toggle()"/>
</form>
<div ng-hide="notSubmitted">Thanks for submitting your feedback!</div>
</div>
</body>
</html>
http://blog.allii.ir/2016/01/angularjs-beginner-intermediate-course-controllers/#callbacks
angular.module('app', []);
angular.module('app').config(['$controllerProvider', function ($controllerProvider)
{
$controllerProvider.allowGlobals();
}]);
function FormSubmitController($scope)
{
$scope.notSubmitted = true;
$scope.toggle = function ()
{
$scope.notSubmitted = !$scope.notSubmitted
};
}