Este artículo sigue a los primeros siete sobre el tema ANGULAR y trata con el lenguaje TypeScript:
- https://128mots.com/index.php/2020/02/29/angular-en-moins-de-128-mots-typescript-partie-3/
- https://128mots.com/index.php/2020/02/28/angular-en-moins-de-128-mots-partie-2/
- https://128mots.com/index.php/2020/02/27/angular-en-plus-de-128-mots-partie-1/
- https://128mots.com/index.php/2020/03/02/typescript-part4/
- https://128mots.com/index.php/2020/03/24/angular-en-moins-de-128-mots-typescript-partie-5/
- https://128mots.com/index.php/2020/03/25/angular-component/
- https://128mots.com/index.php/2020/03/27/typescript-angular-getter-setter/
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();
}
}
