angular - How to create function

app.component.ts

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'Dashboard';

  getName(){
    return "Jenny"
  }
}

app.component.html

<h1>Hello, I am {{getName()}}!</h1>

More Angular tutorials

• angular - Display value using interpolation
• angular - Interpolation expression
• angular - Interpolation string concatenation
• angular - Interpolation JavaScript property
• angular - Property binding example
• angular - How to use if else condition
• angular - How to use then else condition
• angular - Multiple condition
• angular - How to use switch case default
• angular - How to use for loop
• angular - How to bind style
• angular - How to bind multiple style
• angular - Text input on change listener
• angular - How to get text input value
• angular - How to create a counter