Herramientas de usuario
wiki2:angular:basics
Diferencias
Muestra las diferencias entre dos versiones de la página.
| Ambos lados, revisión anterior Revisión previa Próxima revisión | Revisión previa | ||
|
wiki2:angular:basics [2016/07/15 10:09] alfred [Routing] |
wiki2:angular:basics [2020/05/09 09:25] (actual) |
||
|---|---|---|---|
| Línea 65: | Línea 65: | ||
| <code> | <code> | ||
| missions: Mission[] = []; | missions: Mission[] = []; | ||
| + | </code> | ||
| + | |||
| + | Convertir objeto a JSON: | ||
| + | <code> | ||
| + | return JSON.stringify(this.model); | ||
| + | </code> | ||
| + | ==== Listas ==== | ||
| + | Encontrar un elemento en una lista: | ||
| + | <code javascript> | ||
| + | getHero(id: number) { | ||
| + | return this.getHeroes() | ||
| + | .then(heroes => heroes.find(hero => hero.id === id)); | ||
| + | } | ||
| + | </code> | ||
| + | Recoger unos elementos concretos: | ||
| + | <code javascript> | ||
| + | this.heroService.getHeroes() | ||
| + | .then(heroes => this.heroes = heroes.slice(1, 5)); | ||
| </code> | </code> | ||
| ===== Elements ===== | ===== Elements ===== | ||
| Línea 161: | Línea 179: | ||
| } | } | ||
| `] | `] | ||
| + | </code> | ||
| + | |||
| + | También podemos hacerlo desde un fichero externo con: | ||
| + | <code javascript> | ||
| + | styleUrls: ['app/dashboard.component.css'] | ||
| + | </code> | ||
| + | |||
| + | Para añadir los estilos globales de toda la app simplemente añadiremos el link al index.html: | ||
| + | <code html> | ||
| + | <link rel="stylesheet" href="styles.css"> | ||
| </code> | </code> | ||
wiki2/angular/basics.1468577387.txt.gz · Última modificación: 2020/05/09 09:25 (editor externo)
Herramientas de la página
Excepto donde se indique lo contrario, el contenido de este wiki esta bajo la siguiente licencia: CC Attribution-Noncommercial-Share Alike 4.0 International
