ANGULAR en menos de 128 palabras – TypeScript – Angular Part 8

Este artículo sigue a los primeros siete sobre el tema ANGULAR y trata con el lenguaje TypeScript:

Plantillas e interpolación

La interpolación es la incorporación de expresiones en texto marcado. De forma predeterminada, la interpolación utiliza llaves dobles, 'y 'a' como delimitador.

<h3>Número de cliente: 'numbereroClient'</h3>

Ejemplo de una directiva con iteración:

<li *ngfor="let client of listeClients">'customer.name'</li>

Servicios:

Los servicios permiten desacoplar el componente de la llamada a un servicio, por lo que son reutilizables.

ng generar servicio al cliente
importación - Inyectable - de '@angular/núcleo';

@Injectable
  siempre: 'raíz',
})
clase de exportación ClientService

  constructor()

}

La lógica se desacopla del servicio que es inyectable a través de la inyección de adicción.

Inyección de adicciones

Ejemplo de inyección de la dependencia CustomerService en un componente CustomerComponent

importación - Componente, OnInit - de '@angular/núcleo';

importar 'Héroe' desde '.. /héroe';
importar 'HeroService' desde '.. /hero.service';
importar 'MessageService' desde '.. /message.service';

@Component
  selector: 'app-heroes',
  templateUrl: './heroes.component.html',
  StyleUrls:['./heroes.component.css']
})
la clase de exportación ClientComponent implementa OnInit

...

  getClients(): void
    this.clientService.getClients();
  }
}