what is String interpolation Data Binding | Angular 15+

String interpolation in Angular is used to bind data from component class to view template. That means, data flows from component to view.

users.components.ts

import { Component } from '@angular/core';
@Component({
  selector: 'app-users',
  templateUrl: './users.component.html',
  styleUrls: ['./users.component.css']
})
export class UsersComponent {
  name:string = "rizwan"
}

users.component.html

<p>users works! and its name is {{name}}</p>

Also we can call functions

components

export class UsersComponent {
  name:string = "rizwan"
  isAwesomUser(){
    return "Yes";
  }
}

view

<p>users is {{isAwesomUser()}}</p>