angular - Interpolation call method

app.component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent {
  name: String = "Innee";

  greeting(){
    return "Hello " + this.name + "!";
  }
}

app.component.html

<h2>
    {{greeting()}}
</h2>

More Angular tutorials

• angular - Interpolation JavaScript method
• angular - Property binding example
• angular - How to use if else condition
• angular - How to use then else condition
• angular - Generate random number in range
• angular - Generate random whole number
• angular - How to submit form data
• angular bootstrap - Dismissible alert
• angular bootstrap - Danger warning success alert
• angular bootstrap - Alert closed event
• angular bootstrap - Progressbar maximum value
• angular bootstrap - How to show striped Progressbar
• angular bootstrap - Light & dark Progressbar
• angular bootstrap - Timepicker without spinner
• angular bootstrap - Timepicker custom steps