Era por el modo estricto, sinceramente se lo deje activado porque me parece bien que el tipado avise para no cometer errores, vengo de Java y de Dart, en Java el tipado se ve más que en Dart, pero aquí typeScript se pasa la dvd
@@LeParadoxHD el error me lo marcaba con el mismo código que el del video: this.httpClient.get('jsonplaceholder.typicode.com/users') .subscribe((data: any[]) => this.users.next(data));
Muy buen aprendizaje el que obtuve con este video tutorial, como recomendación y para buenas practicas para angular es mejor crear servicios y que ellos se encarguen de traer la información y en los componentes inyectar los servicios luego hacer referencias a las funciones de los servicios y luego pasar esa data al Front del componente. Muy buen Video.
hola, muy buen video. Yo tengo una lista de productos en un componente quisiera que la barra de busqueda me lleve a la parte de la lista en la que estan los productos que se escriban en la barra... no se como conectar la barra con la lista
Buen ejemplo y uso de los pipes como practica pero no olviden que los pipes que sean creados para ordenar y filtran no son recomendados (palabras del equipo de angular). En su lugar recomiendan aplicar la lógica en el componente.
angular.io/guide/pipes Al final explican que es un proceso que deberia hacer o el componente o tu servicio. Es una recomendación, depende siempre de la cantidad de datos
Estoy parcialmente de acuerdo, pero el propósito de los pipes es precisamente ese, filtrar o ordenar los datos del componente en la vista. Lo que en realidad no recomienda el equipo de Angular es dejar que los pipes ocupen casi todo el trabajo en la vista de un componente, por ello se plantean diseños lógicos para que los pipes hagan el mínimo trabajo necesario con la cantidad mínima de input. Es por eso que cuando se implementa un pipe de filtro u orden, se suele complementar con una optimización usando trackBy, paginación, memo-decorator, etc, cosas de las que hablaré más adelante...
@@LeParadoxHD es ahí donde quería ver la magia. De todas formas un excelente video y espero los próximos. Cómo sugerencia me gustaría ver el trabajo de formArray, formbuilder agregando dinámicamente elementos inputs y ver el submit de los mismo
Hola! una cconsulta, tengo todo importado y creado como tu lo tienes, pero me genera error al colocarle el FormControl al input, me dice que no tiene un NG... le coloco el ng y me dice que no es una variable (Soy nuevo en angular)
Hola, {{ usuario.name }} me aparece un error , Error: src/app/app.component.html:4:57 - error TS2339: Property 'name' does not exist on type 'never'. creo que no se esta conectando a la base de datos de json ?
Gracias por el video a estado genial, te quiero preguntar NGRX lo utilizas mucho en tu trabajo Angular (es para darle prioridad o no) y en que casos lo utilizas tu?
En mi trabajo usamos NGXS, y lo usamos en casi todos los proyectos ya que nuestras Apps se basan en manejar y procesar grandes cantidades de datos en memoria y de la manera más organizada posible.
Una pregunta, porque cuando yo pongo this.search.valueChanges.pipe( debounceTime(300) ) .subscribe( value => this.searchEmitter.emit(value)) me da un error en el último value? Me aparece esto: No se puede asignar un argumento de tipo "string | null" al parámetro de tipo "string | undefined". El tipo 'null' no se puede asignar al tipo 'string | undefined'.
Excelente video,tal y como de paginación,que ya lo he puesto en marcha.Hasta recoger el valor de campo de búsqueda todo perfecto,pero luego ya a mi no me funciona...puede ser que me ha perdido algo ademas mi aplicación es diferente.Ayuda por favor...
Ya he corregido el error(hay que seguir el video atentamente).Funciona perfectamente tambien y en una tabla y con pipe de paginación.Sería interesante ver con múltiples valores..Muchas gracias
Argument of type '(data: any[]) => void' is not assignable to parameter of type 'NextObserver :'u
Era por el modo estricto, sinceramente se lo deje activado porque me parece bien que el tipado avise para no cometer errores, vengo de Java y de Dart, en Java el tipado se ve más que en Dart, pero aquí typeScript se pasa la dvd
Te recomiendo no desactivar el modo estricto y resolver el problema en su lugar...
@@LeParadoxHD el error me lo marcaba con el mismo código que el del video:
this.httpClient.get('jsonplaceholder.typicode.com/users')
.subscribe((data: any[]) => this.users.next(data));
Cómo lo podría resolver?
Necesitaría ver más código de tu componente, sobretodo donde declaras la variable users.
Muy buen aprendizaje el que obtuve con este video tutorial, como recomendación y para buenas practicas para angular es mejor crear servicios y que ellos se encarguen de traer la información y en los componentes inyectar los servicios luego hacer referencias a las funciones de los servicios y luego pasar esa data al Front del componente. Muy buen Video.
Perfectamente explicado. Muchas gracias, me ha servido para una prueba técnica para conseguir trabajo, vamos a ver el resultado final.
Excelente VIDEOOOOOO !!! MUCHAS GRACIAS
Excelente video, justo lo q buscaba, muchas gracias
Muchas gracias amigo, me sirvio muchisimo tu video
funciona perfect angular 10, gracias ;)
Genial el truco del debounceTimer
buen vídeo como siempre , me agrada q agregues esos extras eso te diferencia de los demás. Bien ahi.
Gracias!
hola, muy buen video. Yo tengo una lista de productos en un componente quisiera que la barra de busqueda me lleve a la parte de la lista en la que estan los productos que se escriban en la barra... no se como conectar la barra con la lista
que crack grande gracias por compartirlo
Buen ejemplo y uso de los pipes como practica pero no olviden que los pipes que sean creados para ordenar y filtran no son recomendados (palabras del equipo de angular). En su lugar recomiendan aplicar la lógica en el componente.
¿Dónde exactamente lo dicen?
angular.io/guide/pipes Al final explican que es un proceso que deberia hacer o el componente o tu servicio. Es una recomendación, depende siempre de la cantidad de datos
Estoy parcialmente de acuerdo, pero el propósito de los pipes es precisamente ese, filtrar o ordenar los datos del componente en la vista. Lo que en realidad no recomienda el equipo de Angular es dejar que los pipes ocupen casi todo el trabajo en la vista de un componente, por ello se plantean diseños lógicos para que los pipes hagan el mínimo trabajo necesario con la cantidad mínima de input. Es por eso que cuando se implementa un pipe de filtro u orden, se suele complementar con una optimización usando trackBy, paginación, memo-decorator, etc, cosas de las que hablaré más adelante...
hi 👋 is that a great 👍 app to play the game
buen vídeo, me ayudo mucho :)
Hola,
Quiesiera saber que método debo utilizar o filtro, para que al buscar me aparezan las palabras que tienen tildes y acentos?
Gracias.
Excelente video. La dificultad seria anadiendole un paginador y ver si busca en una sola pagina o en todas
@@LeParadoxHD es ahí donde quería ver la magia. De todas formas un excelente video y espero los próximos. Cómo sugerencia me gustaría ver el trabajo de formArray, formbuilder agregando dinámicamente elementos inputs y ver el submit de los mismo
Hola! una cconsulta, tengo todo importado y creado como tu lo tienes, pero me genera error al colocarle el FormControl al input, me dice que no tiene un NG... le coloco el ng y me dice que no es una variable (Soy nuevo en angular)
Necesitaría ver el código...
Y si se hace con una base de datos?
Hola, {{ usuario.name }} me aparece un error , Error: src/app/app.component.html:4:57 - error TS2339: Property 'name' does not exist on type 'never'. creo que no se esta conectando a la base de datos de json ?
Oro Molido!
Como haría el front detectar un nuevo registro y hacer que lo devuelva el backend, solo ese incremento para que el front solo cargue lo nuevo??
En ese caso recomiendo usar WebSockets, así cuando el backend tenga un nuevo registro, el front lo reciba automáticamente y se añada.
Muy buen vídeo, quería preguntar si usted va a crear algún curso avanzado en TH-cam o en otra plataforma como Udemy?
Argument of type 'Event' is not assignable to parameter of type 'string'.
Tenes el codigo en github?
Gracias por el video a estado genial, te quiero preguntar NGRX lo utilizas mucho en tu trabajo Angular (es para darle prioridad o no) y en que casos lo utilizas tu?
En mi trabajo usamos NGXS, y lo usamos en casi todos los proyectos ya que nuestras Apps se basan en manejar y procesar grandes cantidades de datos en memoria y de la manera más organizada posible.
gracias por la respuesta.
amigo tienes el codigo de eso talvez ?
Noup.
jsonplaceholder.typicode.com/users?_limit=2
Si queremos un límite en jsonplaceholder
Una pregunta, porque cuando yo pongo
this.search.valueChanges.pipe(
debounceTime(300)
)
.subscribe( value => this.searchEmitter.emit(value))
me da un error en el último value? Me aparece esto:
No se puede asignar un argumento de tipo "string | null" al parámetro de tipo "string | undefined".
El tipo 'null' no se puede asignar al tipo 'string | undefined'.
Desactiva el modo estricto, para ello abre el archivo tsconfig.json, y elimina la opción "strict": true
Luego reinicia Angular.
También tenía el mismo error, muchas gracias.
Excelente video,tal y como de paginación,que ya lo he puesto en marcha.Hasta recoger el valor de campo de búsqueda todo perfecto,pero luego ya a mi no me funciona...puede ser que me ha perdido algo ademas mi aplicación es diferente.Ayuda por favor...
Ya he corregido el error(hay que seguir el video atentamente).Funciona perfectamente tambien y en una tabla y con pipe de paginación.Sería interesante ver con múltiples valores..Muchas gracias
Código fuente? por favor por el url de github o donde lo tengas.
que complique y enredo pero super , ojo con el cel. se escuchaba todo el tiempo y se pierde el hilo de lo que dices , por el sonido de la vibracion.