PDF de programación - Aprendizaje AngularJS

AngularJS

#angularjs

Tabla de contenido

Acerca de

Capítulo 1: Empezando con AngularJS

Observaciones

Versiones

Examples

Empezando

Mostrar todas las construcciones angulares comunes

La importancia del alcance.

El mundo angular más simple posible.

ng-app

Directivas

Minificación en Angular

Tutoriales de vídeo de inicio de AngularJS

Capítulo 2: Alcances $ angulares

Observaciones

Examples

Ejemplo básico de la herencia $ scope

Evitar heredar valores primitivos.

Una función disponible en toda la aplicación.

Creando eventos personalizados de $ scope

Usando las funciones de $ scope

¿Cómo puede limitar el alcance de una directiva y por qué haría esto?

Capítulo 3: Almacenamiento de sesión

Examples

Manejo de la sesión de almacenamiento a través del servicio usando angularjs.

Servicio de almacenamiento de sesión:

En el controlador:

Capítulo 4: angularjs con filtro de datos, paginación etc

Introducción

Examples

1

2

2

2

9

9

11

12

14

14

14

15

16

19

19

19

19

19

20

21

22

23

25

25

25

25

25

27

27

27

Angularjs muestra datos con filtro, paginación

Capítulo 5: AngularJS gotchas y trampas

Examples

El enlace de datos bidireccional deja de funcionar

Ejemplo

Cosas que hacer cuando se utiliza html5Mode

7 pecados mortales de AngularJS

Capítulo 6: Carga lenta

Observaciones

Examples

Preparando tu proyecto para carga lenta

Uso

Uso con enrutador

UI-Router:

ngRuta:

Uso de inyección de dependencia

Utilizando la directiva

Capítulo 7: Cómo funciona el enlace de datos

Observaciones

Examples

Ejemplo de enlace de datos

Capítulo 8: Compartir datos

Observaciones

Examples

Usando ngStorage para compartir datos

Compartir datos de un controlador a otro usando el servicio

Capítulo 9: Componentes

Parámetros

Observaciones

Examples

Componentes básicos y ganchos de ciclo de vida

27

28

28

28

28

29

30

35

35

35

35

35

36

36

36

36

37

38

38

38

38

41

41

41

41

42

43

43

44

44

44

¿Qué es un componente?

Usando datos externos en el componente:

Uso de controladores en componentes

Usando "require" como un objeto

Componentes en angular JS

Capítulo 10: Constantes

Observaciones

Examples

Crea tu primera constante

Casos de uso

Capítulo 11: Controladores

Sintaxis

Examples

Su primer controlador

Creando Controladores

Creando controladores, minificación segura

El orden de las dependencias inyectadas es importante.

Usando ControllerAs en Angular JS

Creación de controladores angulares seguros para minificación

Controladores anidados

Capítulo 12: Controladores con ES6

Examples

Controlador

Capítulo 13: Decoradores

Sintaxis

Observaciones

Examples

Servicio de decoración, fábrica.

Decorar directiva

Decorar filtro

Capítulo 14: Depuración

44

44

45

46

46

48

48

48

48

48

51

51

51

51

53

53

53

54

55

56

57

57

57

58

58

58

58

58

59

60

61

Examples

Depuración básica en el marcado.

Usando ng-inspect chrome extension

Consiguiendo el alcance del elemento

Capítulo 15: directiva de clase ng

Examples

Tres tipos de expresiones de clase ng

1. cuerda

2. Objeto

3. Array

Capítulo 16: Directivas incorporadas

Examples

Expresiones angulares - Texto vs. Número

ngRepetir

ngShow y ngOcultar

ngOpciones

ngModel

clase ng

ngIf

JavaScript

Ver

DOM si currentUser no está indefinido

DOM Si currentUser está currentUser

Promesa de la función

ngMouseenter y ngMouseleave

deshabilitado

ngDblclick

Hoja de trucos de directivas incorporadas

Haga clic en

ngRequisito

ng-model-options

61

61

62

65

67

67

67

67

67

68

69

69

69

69

73

74

76

77

77

78

78

78

78

79

79

80

80

80

82

83

83

capa ng

ngIncluir

ngSrc

ngPatrón

ngValue

ngCopy

Evitar que un usuario copie datos

ngPaste

ngHref

ngList

Capítulo 17: Directivas personalizadas

Introducción

Parámetros

Examples

Crear y consumir directivas personalizadas.

Directiva de plantilla de objeto de definición

Ejemplo de directiva básica

Cómo crear un componente resuable usando una directiva.

Directiva básica con plantilla y un alcance aislado.

Construyendo un componente reutilizable.

Directivo decorador

Directiva de herencia e interoperabilidad.

Capítulo 18: Directivas utilizando ngModelController

Examples

Un control simple: calificación

Un par de controles complejos: editar un objeto completo

Capítulo 19: El yo o esta variable en un controlador

Introducción

Examples

Entender el propósito de la variable del uno mismo

Capítulo 20: enrutador ui

84

84

85

85

86

86

86

86

87

87

89

89

89

91

91

92

93

94

96

97

98

99

101

101

101

103

107

107

107

107

109

Observaciones

Examples

Ejemplo básico

Vistas múltiples

Usando funciones de resolver para cargar datos

Vistas anidadas / Estados

Capítulo 21: Enrutamiento usando ngRoute

Observaciones

Examples

Ejemplo basico

Ejemplo de parámetros de ruta

Definición de comportamiento personalizado para rutas individuales.

Capítulo 22: estilo ng

Introducción

Sintaxis

Examples

Uso de estilo ng

Capítulo 23: Eventos

Parámetros

Examples

Utilizando sistema de eventos angulares.

$ scope. $ emit

$ scope. $ broadcast

Sintaxis:

Evento limpio registrado en AngularJS

Usos y significado

Siempre cancele el registro de $ rootScope. $ En los escuchas en el evento scope $ destory

Capítulo 24: Filtros

Examples

Su primer filtro

Javascript

109

109

109

110

112

113

115

115

115

115

116

118

120

120

120

120

120

121

121

121

121

121

121

122

122

123

125

126

126

126

126

HTML

Filtro personalizado para eliminar valores.

Filtro personalizado para dar formato a los valores.

Realizando filtro en una matriz hijo

Usando filtros en un controlador o servicio

Accediendo a una lista filtrada desde fuera de una repetición ng

Capítulo 25: Filtros personalizados

Examples

Ejemplo de filtro simple

example.js

example.html

Rendimiento esperado

Utilice un filtro en un controlador, un servicio o un filtro

Crear un filtro con parámetros.

Capítulo 26: Filtros personalizados con ES6

Examples

Filtro de tamaño de archivo usando ES6

Capítulo 27: Funciones auxiliares incorporadas

Examples

angular.equals

angular.isString

angular.isArray

angular.merge

angular.isDefinido y angular.isUndefined

angular.isfecha

angular.isNumber

angular.isFunción

angular.toJson

angular.fromJson

angular.noop

angular.isObjeto

angular.iselemento

127

127

127

128

129

130

131

131

131

131

131

131

131

132

133

133

133

135

135

135

135

136

136

136

137

137

138

138

139

139

140

140

angular.copy

identidad angular

angular.para cada

Capítulo 28: Impresión

Observaciones

Examples

Servicio de impresión

Capítulo 29: Interceptor HTTP

Introducción

Examples

Empezando

Generador interactivo de HTTP paso a paso

Mensaje flash en respuesta utilizando el interceptor http

En el archivo de vista

Archivo de comandos

Errores comunes

Capítulo 30: Inyección de dependencia

Sintaxis

Observaciones

Examples

Inyecciones

Inyecciones dinamicas

$ inyectar propiedad anotación

Cargar dinámicamente el servicio AngularJS en vainilla JavaScript

Capítulo 31: Migración a Angular 2+

Introducción

Examples

Convertir su aplicación AngularJS en una estructura orientada a componentes

Comienza a dividir tu aplicación en componentes

¿Qué pasa con los controladores y las rutas?

¿Que sigue?

140

141

141

143

143

143

143

145

145

145

145

145

146

146

147

147

149

149

149

149

149

150

150

150

152

152

152

152

152

154

154

Conclusión

Introducción a los módulos Webpack y ES6.

Capítulo 32: Módulos

Examples

Módulos

Módulos

Capítulo 33: MVC angular

Introducción

Examples

La vista estática con controlador

mvc demo

Definición de la función del controlador

Añadiendo información al modelo.

Capítulo 34: ng-repetir

Introducción

Sintaxis

Parámetros

Observaciones

Examples

Iterando sobre las propiedades del objeto.

Seguimiento y duplicados

ng-repeat-start + ng-repeat-end

Capítulo 35: ng-view

Introducción

Examples

ng-view

Registro de navegación

Capítulo 36: Opciones de enlaces AngularJS (`=`, `@`, `&` etc.)

Observaciones

Examples

@ enlace unidireccional, atributo de enlace.

154

155

156

156

156

156

158

158

158

158

158

158

158

159

159

159

159

159

159

159

160

160

162

162

162

162

162

164

164

164

164

= enlace bidireccional.

y función de enlace, expresión de enlace.

Encuadernación disponible a través de una simple muestra.

Vincular atributo opcional

Capítulo 37: Perfil de rendimiento

Examples

Todo sobre perfilado

Capítulo 38: Perfilado y Rendimiento

Examples

7 mejoras simples de rendimiento

1) Utilice ng-repetir con moderación

2) Atar una vez

3) Las funciones de alcance y los filtros toman tiempo

4 observadores

5) ng-if / ng-show

6) Deshabilitar la depuración

7) Usa la inyección de dependencia para exponer tus recursos.

Atar una vez

Funciones de alcance y filtros.

Vigilantes

Entonces, ¿qué es el observador?

ng-if vs ng-show

ng-si

ng-show

Ejemplo

Conclusión

Rebota tu modelo

Siempre anular el registro de los oyentes registrados en otros ámbitos distintos del alcan

Capítulo 39: Prepararse para la producción - Grunt

Examples

Ver precarga

164

165

165

166

167

167

167

169

169

169

169

169

170

171

172

172

172

173

174

174

175

176

176

177

177

177

177

178

179

179

179

Optimización de scripts

Capítulo 40: Promesas angulares con servicio $ q

Examples

Usando $ q.all para manejar múltiples promesas

Usando el constructor $ q para crear promesas

Operaciones diferidas usando $ q.defer

Usando promesas angulares con servicio $ q

Usando promesas de guardia

Propiedades

Envuelva el valor simple en una promesa usando $ q.when ()

$ q.when y su alias $ q.resolve

Evita el $ q diferido anti-patrón

Evita este Anti-Patrón

Capítulo 41: Proveedores

Sintaxis

Observaciones

Examples

Constante

Valor

Fábrica

Servicio

Proveedor

Capítulo 42: Proyecto Angu