How to customize Component Interpolation ?

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

@Component({
  selector: 'my-app',
  template: `<p>🧙🧙name🧙🧙</p>`,
  styleUrls: ['./app.component.css'],
  interpolation: ['🧙🧙', '🧙🧙'],
})
export class AppComponent {
  name = 'Angular';
}

Note

If you need to display "{{" "}}" characters in template you can attach a property to your component without customize interpolation

Tldr

😆 Have fun with emoji customization link