Angular Interpolation Directive

In AngularJs while we use any expression we write them in double curly braces “{{ }}” so this double curly braces is also known as interpolation directive.

The example as below,

<!DOCTYPE html>

  <meta charset="utf-8" />
  <title>AngularJS Plunker</title>
  <link rel="stylesheet" href="style.css" />
  <script src="" data-semver="1.4.7"></script>
    var app = angular.module('helloApp', []);

    app.controller('HelloCtrl', ["$scope", function($scope) {
      $ = 'Avanish';

      $scope.students = [{
        Id: 1,
        Name: 'Anil'
      }, {
        Id: 2,
        Name: 'Avanish'
      }, {
        Id: 3,
        Name: 'Alok'

<body ng-app="helloApp" ng-controller="HelloCtrl">
  <p>Hello {{name}}</p>


The Output as below,

About Blogger


Hey! I am Anil Singh. I am Active Blogger, Writer and Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...

    Blogger Comment
    Facebook Comment
SQL Server NodeJs TypeScript JavaScript Angular SQL Server My Book