Angular Js

Explain Angular Interpolation - Display Data in Vew

Explain Angular Interpolation - Display Data in Vew

Explain Interpolation in Angular

Interpolation is the process of presenting a component attribute in the associated view template. We can bind any type of property into view, including string, number, date, arrays, list, or map, by using interpolation.


value.component.ts


export class ValueComponent implements OnInit {
    value: any;
    ngOnInit() {
      this.getValues();
    }
    getValues() {
      this.value = "etchstuffs";
    }
  }


value.component.html


{{ value}}


The process of combining data values with their representation on the page is called data binding. We can display our data to end-user by binding controls in the HTML template to the data properties of the component class.

interpolation is one way of data binding

Deepak Talwar

Deepak Talwar

Principal Software Engineer and Full Stack Developer with 12+ years of Professional Experience in Microsoft Technologies. Hands on experience with C#, ASP.NET, ASP.NET MVC, ASP.NET Core, WebAPI, Linq, Entity Framework, MS-SQL, NoSql, Javascript, Angular, jQuery, AWS, Azure, ReactJs, AngularJs, Laravel, Codeingiter, Serenity. VBA, Software Architecture, Web Design and Development.

Related Post

About Us

Community of IT Professionals

A Complete IT knowledgebase for any kind of Software Language, Development, Programming, Coding, Designing, Networking, Hardware and Digital Marketing.

Instagram