<DOCTYPE html> <html> <head> <meta CHARSET="UTF-8"> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> </head> <body ng-app="myApp" ng-controller="myCtrl"> <fieldset> <legend> Modules </legend> <div> Radius = {{radius}} <br/> Diameter = {{diameter}} <br/> Area = {{area}} <br/> Circumference = {{circumference| number:2}} <br/> </div> </fieldset> </body> <script> var app = angular.module("myApp", []); app.controller("myCtrl", function ($scope) { $scope.radius = 5; $scope.diameter = $scope.radius * 2; $scope.area = 3.14 * $scope.radius * $scope.radius; $scope.circumference = 2 * 3.14 * $scope.radius; }); </script> </html>