jeshan/angular-intro-03.html

## angular-intro-03.html
<!DOCTYPE html>
<html ng-app='angularApp'>
<head>
<meta name="description" content="angular-intro-03; ng-bind and ng-model example with function">
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
<script src="script.js">
    </script>
  <meta charset="utf-8">
</head>
<body ng-controller='MainController'>
    <p>Gross price: <input ng-model='price'/></p>
    <p>Tax: <input ng-model='taxPercentage' /></p>
    <p>Total price: <span ng-bind='total()'></span></p>
</body>
</html>

## script.js
var module = angular.module('angularApp', [ ]);


module.controller('MainController', function($scope) {
    $scope.price = 10;
    $scope.taxPercentage = 15;

    $scope.total = function () {
        return $scope.price * $scope.taxPercentage;
    };
});
	<!DOCTYPE html>
	<html ng-app='angularApp'>
	<head>
	<meta name="description" content="angular-intro-03; ng-bind and ng-model example with function">
	<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
	<script src="script.js">
	</script>
	<meta charset="utf-8">
	</head>
	<body ng-controller='MainController'>
	<p>Gross price: <input ng-model='price'/></p>
	<p>Tax: <input ng-model='taxPercentage' /></p>
	<p>Total price: <span ng-bind='total()'></span></p>
	</body>
	</html>
	var module = angular.module('angularApp', [ ]);


	module.controller('MainController', function($scope) {
	$scope.price = 10;
	$scope.taxPercentage = 15;

	$scope.total = function () {
	return $scope.price * $scope.taxPercentage;
	};
	});