Cerca
Heus ací els resultats de la cerca.
Resultats de text complet:
- angular: directivas de atributos
- componente, no efecta a otros * añadir/quitar clases CSS según nuestro internés * directivas perso... am + 'px'}">Probando ngStyle...</p>`, ... export class NgStyleComponent implements OnInit { tam: nu... ivel global, deberemos tocar **style.css** == ngClass * más usada y más flexibilidad que **ngStyle** * sintaxis: * <sxh typescript; title: ngClass><div [ngClass] ="'first second'">...</div></sxh>
- practica 1
- components/about/about.component'; import { PeliculasComponent } from './components/peliculas/peliculas.component'; const APP_ROUTES: Routes = [ { path: 'home', component: HomeComponent }, ... component: AboutComponent }, { path: 'peliculas', component: PeliculasComponent }, { path: '
- angular: directivas estructurales
- pt; title:ejemplo uso *ngIf><div *ngIf="mostrar" class="card text-white bg-primary mb-3" style="max-wid... la directiva hace referencia a un atributo de la clase, si no, iría entre %%{{ }}%% * binding de ev... vento click><button (click)="mostrar = !mostrar" class="btn btn-outline-primary btn-block"></sxh> == n... ejemplo *ngFor><li *ngFor="let color of colores" class="list-group-item">{{color}}</li></sxh> * usa
- angular: directivas y personalización
- ) == directivas personalizadas * para extender las capacidades del framework * creamos nuestros pr... e</code> * obtendremos algo así y le añadiremos las líneas marcadas:<sxh typescript; highlight:[7-12]... tive({ selector: '[appDestacado]' }) export class DestacadoDirective { constructor( private el... tive({ selector: '[appDestacado]' }) export class DestacadoDirective implements OnInit { @Inpu
- formularios
- ponsable de crear los controles, formularios y reglas de validación * sincronización entre la vista y... t; highlight:3> <input id="nombre" name="nombre" class="form-control" type="text" placeholder="... h typescript> <input required id="nombre" class="form-control" type="text" placeho... l></sxh> * el framewrok añadirá una serie de clases para indicar diferentews estados (ng-pristne, n
- introducción a TypeScript y ECMAScript 6 (ES6)
- * definición de los tipos en los parámetros de las funciones == instalación * <code bash>npm inst... alor: string = miVariable as string;</code> === clases * definición de clases * por defecto visibilidad pública, permite **public**, **private**, **protected** * <code javascript>class Greeter { constructor(private greeting: stri
- angular: rutas
- en módulo centralizado * en vez de tener todas las rutas centralizadas, cada módulo gestiona sus pro... ers: [], bootstrap: [AppComponent] }) export class AppModule { } </sxh> * uso de etiquetas **<r... 'full', redirectTo: 'home' } ];</sxh> * uso de las rutas en la página <sxh html; title:usuario.component.html;highlight:2-4> <div class="btn-group"> <button [routerLink]="['nuevo']
- angular: estructura proyecto
- como trabajar * **tslint.json** * define reglas de sintaxis para escribir código más límpio * genera error en el IDE si no las cumplimos * **src/** * codigo fuente de la ... styleUrls: ['./app.component.css'] }) export class AppComponent { nombre = 'Peter'; apellid... .html** * src/app/app.module.ts: * clase que define un decorador llamado **ngModule** (se
- introducción e instalación
- nt-end * arquitectura MVC * simplicar vida de las SPA((Single Page Application)) * una sola pàg... ele hacer referencia a la versión * coexisten las 2 ramas * la mayor parte del código Angular 2 todavia funciona con las últimas versiones (problemas librerías de tercero... o cuando lo necesita == productividad * plantillas * sintaxis simple y potente de plantillas *
- angular: elementos básicos app
- pec.ts (opcional) * app.component.ts * clase OO * sección **imports** * sección *... n JSON como parámetro * sección definición clase * <sxh javascript; title:app.component.ts>... styleUrls: './app.component.css' }) export class AppComponent { mensaje = 'Saludos desde el c... pp-root> </body> </html></sxh> == modulos * clase en fichero TS que usa un decorador (annotation)
- práctica: jerarquia padre-hijo
- jo-padre * @Output * <sxh typescript> export class CardComponent implements OnInit { // valor da... @Input() pelicula: Pelicula; @Output() evtPeliculaSeleccionada: EventEmitter<number>; constructor() { this.evtPeliculaSeleccionada = new EventEmitter<number>(); } e... ado y emitir para quien escuche this.evtPeliculaSeleccionada.emit(this.pelicula.id); } ngOnIni
- angular: pipes
- mo un vídeo de YouTube * de serie: * mayúsculas/minúsuclas * monedas, números * JSON * información asíncrona * recorte de textos (Slic... 'es' } ], bootstrap: [ AppComponent ] }) export class AppModule { } </sxh> == json (5.4) == async * observables, promesas -> mejora de las callbacks == creando nuestro pipe <code bash>ng
- 09/03/2020
- ores, mostrar dependencias * Debugger * con las herramientas de desarrollador, cuando se ejecute ... programa y se podrán consultar el estado de todas las propiedades. * a partir de ahí, podemos ir av... %%`cadena ${variable} ${variable}`%%'' * comillas inclinadas, uso de literales + variables * ac
- angular: entorno
- * es el fichero más importante de la app. Es una clase! * uso de decoradores para que en función de lo que allí definamos, la clase definida se comporte como una cosa u otra ... , styleUrls: ['./app.component.css'] }) export class AppComponent { nombre = 'Daniel'; apellido =
- 02/03/2020
- ev tslint-config-prettier'': crea una serie de reglas en TSLINT para que convivan los dos sistemas * ... : "run-s format:check lint" } }</code> * reglas de .prettierignore: [[https://palantir.github.io/