[AngularJS]An Alternative Approach to Controllers
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>Angular Scope &</title> <link href="foundation.min.css" rel="stylesheet"/> <script src="angular.min.js"></script> <script src="app.js"></script> </head> <body> <div ng-app="phoneApp"> <div ng-controller="AppCtrl"> <div class="button" ng-click="AppCtrl.sayHi()">Click me!</div> </div> </div> </body> </html>
var app = angular.module("phoneApp", []); app.controller("AppCtrl", function($scope) { this.sayHi = function() { alert("hi") } return $scope.AppCtrl = this; });