Angular 2

Angular 2

#angular2

Tabla de contenido

Acerca de

1

Cap?tulo 1: Empezando con Angular 2

2

Observaciones

2

Versiones

2

Examples

3

Instalar angular2 con angular-cli

3

Requisitos previos:

3

Para configurar un nuevo proyecto

3

Para agregar a un proyecto existente

3

Ejecutando el proyecto localmente

4

Generaci?n de componentes, directivas, tuber?as y servicios.

4

Primeros pasos con Angular 2 sin angular-cli.

6

Paso 1

6

Paso 2

6

Paso 3

8

Paso 5

9

Paso 6

9

Paso 7

10

Paso 8

10

?Ahora que?

11

Mantener Visual Studios sincronizados con las actualizaciones de NPM y NODE

11

Conseguir a trav?s de esa empresa molesta proxy

12

Comenzando con Angular 2 con node.js / expressjs backend (ejemplo http incluido)

13

Prerrequisitos

13

Mapa vial

13

Paso 1

13

Paso 2

13

Paso 3

14

?Vamos a sumergirnos en Angular 4!

18

Cap?tulo 2: Actualizar mecanograf?as

24

Examples

24

Actualice las tipograf?as cuando: se escriban WARN en desuso

24

Cap?tulo 3: Agregue componentes din?micamente usando ViewContainerRef.createComponent25

Examples

25

Un componente contenedor que agrega componentes din?micos declarativamente

25

Agregar componente din?micamente en un evento espec?fico (clic)

26

Matriz de componentes generada din?micamente en la plantilla html en Angular2

27

Cap?tulo 4: Angular - ForLoop

31

Sintaxis

31

Observaciones

31

Examples

31

Angular 2 for-loop

31

NgFor - Markup For Loop

32

* ngFor en las filas de la tabla

32

* ngFor con componente

32

* ngPara X cantidad de art?culos por fila

33

Cap?tulo 5: Angular 2 - Transportador

34

Examples

34

Prueba de enrutamiento de Navbar con transportador

34

Transportador Angular2 - Instalaci?n

35

Cap?tulo 6: Angular 2 Cambio de detecci?n y activaci?n manual.

37

Examples

37

Ejemplo basico

37

Cap?tulo 7: Angular 2 Data Driven Forms

39

Observaciones

39

Examples

39

Formulario de datos

39

Cap?tulo 8: Angular 2 Formas de actualizaci?n

42

Observaciones

42

Examples

42

Formulario de cambio de contrase?a simple con validaci?n de control m?ltiple

42

pw-change.template.html

42

pw-ponent.ts

43

pw-validators.ts

43

Angular 2: Formas impulsadas por plantillas

44

Formulario Angular 2 - Correo electr?nico personalizado / validaci?n de contrase?a

45

Angular 2: Formas reactivas (tambi?n conocidas como formas dirigidas por modelos)

46

registration-ponent.ts

46

registration-form.html

47

Formularios Angular 2 (Formularios reactivos) con formulario de registro y confirmaci?n de

47

app.module.ts

47

ponent.ts

47

ponent.html

48

validadores.ts

49

Angular2 - Form Builder

49

Cap?tulo 9: Angular2 animaciones

51

Introducci?n

51

Examples

51

Animaci?n b?sica: hace la transici?n de un elemento entre dos estados controlados por un a

51

Cap?tulo 10: Angular2 CanActivate

53

Examples

53

Angular2 CanActivate

53

Cap?tulo 11: Angular2 en la memoria web de la API

54

Observaciones

54

Examples

54

Configuraci?n b?sica

54

Configuraci?n de m?ltiples rutas API de prueba

55

Cap?tulo 12: Angular2 Entrada () salida ()

57

Examples

57

Entrada()

57

Componente principal: Inicializar listas de usuarios.

57

Ejemplo simple de propiedades de entrada

58

Cap?tulo 13: Angular2 proporciona datos externos a la aplicaci?n antes de bootstrap

59

Introducci?n

59

Examples

59

V?a de inyecci?n de dependencia

59

Cap?tulo 14: Angular2 utilizando webpack

60

Examples

60

Configuraci?n de webpack angular 2

60

Cap?tulo 15: Angular2 Validaciones personalizadas

64

Par?metros

64

Examples

64

Ejemplos de validadores personalizados:

64

Usando validadores en el Formbuilder

64

Obtener / establecer par?metros de controles de formBuilder

65

Cap?tulo 16: Angular-cli

66

Introducci?n

66

Examples

66

Crear una aplicaci?n Angular2 vac?a con angular-cli

66

Generaci?n de componentes, directivas, tuber?as y servicios.

66

A?adiendo libs de terceros

66

construir con angular-cli

67

Nuevo proyecto con scss / sass como hoja de estilo.

67

Establezca el hilo como gestor de paquetes predeterminado para @ angular / cli

67

Requerimientos

68

Cap?tulo 17: Animaci?n

69

Examples

69

Transici?n entre estados nulos

69

Animando entre m?ltiples estados

69

Cap?tulo 18: Barril

71

Introducci?n

71

Examples

71

Usando barril

71

 ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download