https://wikiprogramming.alfredgg.dev/ 2026-05-13T10:26:00+0000 https://wikiprogramming.alfredgg.dev/ https://wikiprogramming.alfredgg.dev/lib/tpl/dokuwiki/images/favicon.ico text/html 2020-05-09T09:25:10+0000 Anonymous (anonymous@undisclosed.example.com) https://wikiprogramming.alfredgg.dev/doku.php?id=wiki2:angular:basics&rev=1589016310&do=diff Angular basics Basics of basics Glosario * Componente: Clase que interactua con la vista para mostrar datos. Gestiona la lógica de esta. Contiene una directiva y una template. * Directiva: La clase encargada de crear e interactuar con los elementos text/html 2020-05-09T09:25:10+0000 Anonymous (anonymous@undisclosed.example.com) https://wikiprogramming.alfredgg.dev/doku.php?id=wiki2:angular:concrete&rev=1589016310&do=diff Angular concrete Components Lifecycle hooks import { OnInit } from '@angular/core'; export class AppComponent implements OnInit { ngOnInit() { } } Call method of a nested component <nk-activities #nkActivities></nk-activities> <a style="cursor:pointer;" (click)="nkActivities.createActivity(0, 'Talk')">Dialogue</a> text/html 2020-05-09T09:25:10+0000 Anonymous (anonymous@undisclosed.example.com) https://wikiprogramming.alfredgg.dev/doku.php?id=wiki2:angular:specifics&rev=1589016310&do=diff Angular Specifics Templates Podemos ampliar el HTML de nuestra página: <h3> {{title}} <img src="{{heroImageUrl}}" style="height:30px"> </h3> También evaluar expresiones: <p>The sum of 1 + 1 is {{1 + 1}}</p> <p>The sum of 1 + 1 is not {{1 + 1 + getVal()}}</p>