angular - Interpolation JavaScript 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";
}

app.component.html

<h2>
    {{"Hello, I am " + name
     + "! And my name in upper case is "
     + name.toUpperCase()}}
</h2>

More Angular tutorials

• angular - How to create function
• angular - Display value using interpolation
• angular - Interpolation call method
• 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
• angular - How to submit form data