<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="https://code.angularjs.org/1.4.9/angular.js" data-semver="1.4.9"></script>
<script src="script.js"></script>
</head>
<body ng-app="myApp">
<table ng-controller="MainCtrl">
<tr>
<td>
<lable> Qty : </lable>
</td>
<td>
<input type="text" runat="server" ID="txtQty" ng-model="qty" />
</td>
</tr>
<tr>
<td>
<lable> Unit Price : </lable>
</td>
<td>
<input type="text" runat="server" ID="txtUnitPrice" ng-model="unitprice" />
</td>
</tr>
<tr>
<td>
<lable>Total Price :</lable>
</td>
<td>
<input type="text" runat="server" ID="txttotalprice" ng-model="totalprice" ng-bind="{{totalprice= qty*unitprice }}" />
</td>
</tr>
<tr>
<td>
<lable>VAT @ 5% : </lable>
</td>
<td>
<input type="text" runat="server" ID="txtVatPrice" ng-model="vat" ng-bind="{{vat = totalprice/100 * 5}}" />
</td>
</tr>
<tr>
<td>
<lable>VAT @ 5% : </lable>
</td>
<td>
<input type="text" runat="server" ID="txtVatPrice" ng-model="finalprice" ng-bind="{{finalprice = totalprice+vat}}" /> OR
<input type="text" runat="server" ID="txtVatPrice" ng-model="finalprice" ng-bind="{{qty * unitprice}} + {{(qty * unitprice/100) * 5}}" />
</td>
</tr>
</table>
</body>
</html>
// Code goes here
var app = angular.module('myApp',[]);
app.controller('MainCtrl', function($scope) {
$scope.qty =10;
$scope.unitprice =10;
});
/* Styles go here */