Interpolación de strings en Angular 8

enlace de datos unidireccional con llaves dobles

{{ component_property }}

Acercarse: 

• Defina una propiedad en el archivo app.component.ts que contenga algún valor de string.
• En el archivo app.component.html, vincule el valor de esa propiedad llamando al nombre de la propiedad entre llaves dobles {{ property_name }}.

• HTML

  <h1>   {{ title }} </h1>

• aplicación.componente.ts

  JavaScript

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

Producción:

• HTML

  <h1 [style.color] = "'green'"      [style.text-align] = "'center'" >     {{ title }} : {{ about }} </h1>

• aplicación.componente.ts

  JavaScript

  import { Component } from '@angular/core';     @Component({       selector: 'app-root',       templateUrl: './app.component.html',       styleUrls: ['./app.component.css']     })     export class AppComponent {      title = "GeeksforGeeks";   about = "Computer Science Portal for Geeks"; }

Producción: