AngularJS String Expression

In this AngularJS string expression example you will learn how to initialize and display string 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 String

Various AngularJS string usage with expressions.

Syntax

<div ng-init="firstName='Jimi';lastName='Scott'">    
	<b>Expression Result: {{ firstName + "  " + lastName }}  <b/></br>   
</div>

AngularJS String Expression Example

<!DOCTYPE html>  
<html>    
<head>  <!-- www.techstrikers.com -->  
<title>Expression with String 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;font-family:arial;">              
    <legend>AngulerJS Expression with String Example</legend>    
   <div ng-init="firstName='Jimi';lastName='Scott'">    
        <b>Expression Result: {{ firstName + "  " + lastName }}  <b/></br>   
    </div>     
 </fieldset>     
</body>    
</html>

See Live Example

Syntax

var app = angular.module('app', []);    
    app.controller("IntrevalController", function ($scope) {    
      $scope.FirstName = "Jimi"; 
      $scope.LastName = "Scott"; 
    });

AngularJS String 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 string variable Example</title>    
  <script>    
var app = angular.module('app', []);    
    app.controller("IntrevalController", function ($scope) {    
      $scope.FirstName = "Jimi"; 
      $scope.LastName = "Scott"; 
    });    
</script>    
</head>    
<body style="background-color:#DDE4E9;font-family:arial;">    
  <fieldset style="background-color:#DDE4E9;">                
    <legend>AngulerJS Expression with scope string variable Example</legend>     
  <div ng-app="app">          
    <div ng-controller="IntrevalController">              
     <p style="font-family:Arial;color:yellow;background:steelblue;padding:3px;width:350px;"    
     >Name : - {{FirstName + " " + LastName}}</p>      
    </div>          
</div>    
 </fieldset>     
</body>    
</html>

See Live Example

« Previous