---
title: "Mathematical operations in angularjs."  
description: "The ng-app Directive. The ng-app directive defines the root element of an AngularJS application.    DOCTYPEhtml  htmlxmlns=\"http://www.w3.org/1999/xht"  
author: "Anonymous User"  
published: 2015-12-28  
updated: 2018-03-13  
canonical: https://www.mindstick.com/blog/11001/mathematical-operations-in-angularjs  
category: "angular js"  
tags: ["jquery", "angular js"]  
reading_time: 2 minutes  

---

# Mathematical operations in angularjs.

The ng-app Directive. The ng-app directive defines the [root element](https://www.mindstick.com/interview/1692/what-is-root-element-in-xml) of an [AngularJS](https://www.mindstick.com/articles/13081/advantages-disadvantages-of-angularjs-is-that-ideal-for-your-project) application.\
\

```
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>    <title>Anguler JS Demo</title>    <link href="bootstrap.min.css" rel="stylesheet" />    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.0/angular.min.js"></script></head><body ng-app="" class="container">    <br />    <div class="row">        <div class="col-md-6">            <div class="well well-sm">                Addition            </div>            <div class="row">                <div class="col-md-12">                    <label>Enter Number</label>                    <input type="number" ng-model="Num1" class="form-control text-success" /><br />                </div>            </div>            <div class="row">                <div class="col-md-12">                    <label>Enter Number</label>                    <input type="number" ng-model="Num2" class="form-control text-success" /><br />                </div>            </div>            <div class="row">                <div class="col-md-12">                    <label>Result</label>                    <input readonly="readonly" type="text" value="{{Num1 + Num2}}" class="form-control text-info" />                </div>            </div>        </div>        <div class="col-md-6">            <div class="well well-sm">                Subtraction            </div>            <div class="row">                <div class="col-md-12">                    <label>Enter Number</label>                    <input type="number" ng-model="Num3" class="form-control text-success" /><br />                </div>            </div>            <div class="row">                <div class="col-md-12">                    <label>Enter Number</label>                    <input type="number" ng-model="Num4" class="form-control text-success" /><br />                </div>            </div>            <div class="row">                <div class="col-md-12">                    <label>Result</label>                    <input readonly="readonly" type="text" value="{{Num3 - Num4}}" class="form-control text-info" />                </div>            </div>        </div>    </div>    <br />    <div class="row">        <div class="col-md-6">            <div class="well well-sm" style="padding: 10px">                Division            </div>            <div class="row">                 <div class="col-md-12">                    <label>Enter Number</label>                    <input type="text" ng-model="Num5" class="form-control text-success" /><br />                </div>            </div>            <div class="row">                <div class="col-md-12">                    <label>Enter Number</label>                    <input type="text" ng-model="Num6" class="form-control text-success" /><br />                </div>            </div>            <div class="row">                <div class="col-md-12">                    <label>Result</label>                    <input readonly="readonly" type="text" value="{{Num5 / Num6}}" class="form-control text-info" />                </div>            </div>        </div>        <div class="col-md-6">            <div class="well well-sm">                Multiply            </div>            <div class="row">                <div class="col-md-12">                    <label>Enter Number</label>                    <input type="number" ng-model="Num7" class="form-control text-success" /><br />                </div>            </div>            <div class="row">                <div class="col-md-12">                    <label>Enter Number</label>                    <input type="number" ng-model="Num8" class="form-control text-success" /><br />                </div>            </div>            <div class="row">                <div class="col-md-12">                    <label>Result</label>                    <input readonly="readonly" type="text" value="{{Num7 * Num8}}" class="form-control text-info" />                </div>            </div>        </div>    </div></body></html>
```

[Result](https://www.mindstick.com/blog/12011/advantages-of-getting-result-oriented-seo-from-an-agency)

![Mathematical operations in angularjs.](https://www.mindstick.com/blogs/8bb2083e-1633-43df-a22b-bab219246cb4/images/318ba7f3-1409-494a-9555-7be9fd4fc173.png)\

---

Original Source: https://www.mindstick.com/blog/11001/mathematical-operations-in-angularjs

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
