cargdev/angular
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Arreglos sugeridos

Browse Source
This commit is contained in:
Antonio Cardenas 2020-08-22 18:32:55 -06:00 committed by Michael Prentice
parent 1e2e9201b2
commit 5cb6779305
1 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
aio/content/tutorial/toh-pt6.md
View File

@ -86,7 +86,7 @@ Cuando el servidor esté listo, desconectará la API web en memoria y las solici
{@a import-heroes}
## Heroes and HTTP
## Heroes y HTTP
En el `HeroService`, importe` HttpClient` y `HttpHeaders`:
@ -137,7 +137,7 @@ Todos los métodos `HttpClient` devuelven un RxJS `Observable` de algo.
HTTP es un protocolo de solicitud/respuesta.
Realiza una solicitud, devuelve una sola respuesta.
En general, un _can_ observable puede devolver múltiples valores a lo largo del tiempo.
En general, un observable _puede_ devolver múltiples valores a lo largo del tiempo.
Un observable de `HttpClient` siempre emite un único valor y luego se completa, para nunca volver a emitir.
Esta llamada particular a `HttpClient.get()` devuelve un `Observable<Hero[]>`; es decir, "un observable de un arreglo de héroes". En la práctica, solo devolverá un único conjunto de héroes.
@ -296,7 +296,7 @@ Clase `Componente de héroes`:
<code-example path="toh-pt6/src/app/heroes/heroes.component.ts" region="add" header="src/app/heroes/heroes.component.ts (add)"></code-example>
Cuando el nombre de pila no está en blanco, el controlador crea un objeto similar a un "Héroe"
del nombre (sólo falta el `id`) y lo pasa al método de servicios `addHero()`.
del nombre (sólo falta el `id`) y lo pasa al método `addHero()` del servicio.
Cuando `addHero()` se guarda correctamente, la devolución de llamada `subscribe()`
recibe el nuevo héroe y lo empuja a la lista de "héroes" para mostrarlo.
@ -445,14 +445,14 @@ Observe la declaración de `heroes$` como un `Observable`:
Lo configurará en [`ngOnInit()`](#search-pipe).
Antes de hacerlo, concéntrese en la definición de `searchTerms`.
### El sujeto RxJS `searchTerms`
### El subject RxJS `searchTerms`
La propiedad `searchTerms` es un `Sujeto` de RxJS.
La propiedad `searchTerms` es un `Subject` de RxJS.
<code-example path="toh-pt6/src/app/hero-search/hero-search.component.ts" header="src/app/hero-search/hero-search.component.ts" region="searchTerms"></code-example>
Un `Sujeto` es tanto una fuente de valores observables como un `Observable` en sí mismo.
Puede suscribirse a un `Sujeto` como lo haría con cualquier `Observable`.
Un `Subject` es tanto una fuente de valores observables como un `Observable` en sí mismo.
Puede suscribirse a un `Subject` como lo haría con cualquier `Observable`.
También puede insertar valores en ese `Observable` llamando a su método `next(value)`
como lo hace el método `search()`.
@ -486,7 +486,7 @@ antes de pasar por la última cuerda. Nunca hará solicitudes con más frecuenci
* `distinctUntilChanged()` asegura que una solicitud se envíe solo si el texto del filtro cambió.
* `switchMap ()` llama al servicio de búsqueda para cada término de búsqueda que pasa por `debounce ()` y 'distinctUntilChanged () `.
* `switchMap()` llama al servicio de búsqueda para cada término de búsqueda que pasa por `debounce()` y `distinctUntilChanged()`.
Cancela y descarta los observables de búsqueda anteriores, devolviendo solo el último servicio de búsqueda observable.