Angularjs Examples

AJS Examples


AngularJS Number Expression

In this AngularJS expression example you will learn how to initialize and display number in HTML DOM elements.

Here you can view the output of the example and you can also "try it yourself" by clicking on "Live Demo" button given at the bottom.

AngularJS Number

Various AngularJS string usage with expressions.

Syntax

<div ng-init="num1=108;num2=20">  
        Expression Result: {{ num1 + num2 }}  </br> 
    </div>   

AngularJS Number Expression Example

<!DOCTYPE html>
<html>  
<head>  <!-- www.techstrikers.com -->
<title>Expression with Number in AngularJS</title>  
<script SRC="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js">  
</script>  
</head>  
<body ng-app=''> 
 <fieldset style="background-color:#DDE4E9;">            
    <legend>AngulerJS Expression with Number Example</legend>  
   <div ng-init="num1=108;num2=20">  
        Expression Result: {{ num1 + num2 }}  </br> 
    </div>   
 </fieldset>   
</body>  
</html>

Syntax

var app = angular.module('app', []);  
    app.controller("IntrevalController", function ($scope) {  
      $scope.Number = 2321;  
});    

AngularJS Number Expression With Scope Example

<!DOCTYPE html>  
<html>  
<head> <!-- www.techstrikers.com -->  
 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.1/angular.min.js"></script>   
    <meta charset="utf-8">  
    <title>AngularJS Expression with scope variable Example</title>  
  <script>  
var app = angular.module('app', []);  
    app.controller("IntrevalController", function ($scope) {  
      $scope.Number = 2321;  
    });  
</script>  
</head>  
<body style="background-color:#DDE4E9;">  
  <fieldset style="background-color:#DDE4E9;">              
    <legend>AngulerJS Expression with scope variable Example</legend>   
  <div ng-app="app">        
    <div ng-controller="IntrevalController">            
     <p style="font-family:Arial;color:yellow;background:steelblue;padding:3px;width:350px;"  
     >Number : - {{Number}}</p>    
    </div>        
</div>  
 </fieldset>   
</body>  
</html>