#11 Programando un sistema de ventas real | Solicitudes http put y http delete en Angular

[@hdeleonnet]

Me ayudarías bastante si le das me gusta y compartes, eso ayuda más de lo que tu crees. El siguiente video ya esta disponible para los miembros del canal aquí: kzbin.info/www/bejne/ap-kZYJ8nN2Fqq8&feature=emb_title

[@brandonbermudez3561]

excelente

[@lordcuy8147]

Genial, ya lo estaba esperando

[@alejandroibanez4632]

no puedo creer que exista esta información GRATIS y no sea mega viral. ES TREMENDO

[@darwinarellanomartinez7329]

Excelente solo al inicio , muy molesto el sonido de inicio , fuera de eso excelente aporte

[@enriquerivera814]

Excelente cada vídeo van mejorando y dando vida a la aplicación.

[@mariorosalesfigueroa1782]

que buen curso ojala algún día salga el siguiente video

[@waltertorres5699]

Excelente vídeo muy detallado y simplificando los temas. Recomendado al 100%

[@luisfernandodeolazabalsche3317]

Me gusta las tecnologías que se utilizan en este curso .-) gracias Hector

[@franchan9064]

Muy buen curso la verda me ayudado mucho 👍👍

[@VirgilioRubioFlute]

Este curso está excelente; Saludos Hector y felicidades!!!

[@devsoft]

Excelente como siempre.

[@systemghost10]

se mira un buen curso, en esta semana lo empiezo saludos

[@gabrielgarcia976]

Gracias Hector!!!!

[@DavidSamuelHn]

Excelente aporte estimado Hector..!!

[@selvin_medina]

Muchas gracias Héctor!

[@jorgeavila9472]

Hasta el momento excelente todo el contenido, gracias por el aporte master.

Thanks a lot, hay mucha calidad en este material.

[@alanestrada3629]

Excelentes vídeos, muchas gracias

[@edwinoswaldorodriguezleton5437]

Gracias Hector

[@TonicoBonico]

Tome su like, señor.

[@rogertello2947]

los videos estan super cool saludos

[@diegoacosta1678]

faltan 50 like vamos vamos !

[@ThePrototype4994]

muy buenos videos, explicas muy bien

[@ualvarez95]

Genio Hector!!!

[@lordcuy8147]

Ya estoy esperando el siguiente :'(

[@lordcuy8147]

Compartido !

[@orangeyt2262]

Muy buen video.

[@jbofimatica9802]

Gracias

[@ericoramm]

Hola! Te consulto si mas adelante nos enseñaras a dar estilos con angular. En mi caso, la barra de navegación quedó pequeña y los links a clientes y home me quedaron azules, con los estilos de HTML, como si fueran href simples. Muchas gracias

[@CaloPocha]

ya tienes preparado mas material en algún lado?, como por ejemplo a los que están unidos a tu grupo? o en algún curso para inscribirme. Esta Excelente como cultura general y aprender los 3 framework: Angular, Vue y React. Hoy despues de tu live coding revisé este curso y ya lo termine . jjjaaaa, me envicié.

[@hdeleonnet]

El video 12 es el siguiente en salir. Antes sale para miembros

[@CaloPocha]

@@hdeleonnet De que Nivel de Membresia

[@hdeleonnet]

Todas

[@julianandresortizgalindo1376]

buenisimo !!

[@evil13dark]

Hola, tengo un problema y no se que sea, he seguido tus videos al pie de la letra, y pasa cuando quiero editar, me sale un error en el visual studio, en el metodo "Put" Object reference not set to an instance of an object.', tengo entendido que no le pasa Id del cliente, y por eso no puede actualizar. No se que pueda hacer al respecto. Saludos

[@TheKarlGamesFull]

:'v Esperaba este vídeo como agua de mayor

[@walterzamarron4856]

Excelente curso Hector felicidades. Una pregunta simple para ti. quiero enviar de Angular un valor con 10 digitos para que la api en core lo reciba number para que se guarde en sql server con number(10,0). como lo declaro en angular la variable? ya que lo declare number y me fallo

[@hdeleonnet]

Intenta con bigint

[@adriancruz7196]

Hola Hector muchas gracias por la información, me esta marcando este error en un proyecto: The current .NET SDK does not support targeting .NET Core 2.2. Either target .NET Core 1.1 or lower, or use a version of the .NET SDK that supports .NET Core 2.2. como podria solucionarlo? ya instale varias versiones de net core y me sigue apareciendo lo mismo.

[@hdeleonnet]

Debes instalar .Net core, en este curso yo estoy utilizando 3.1

[@VirgilioRubioFlute]

Hola Hector buenas tardes. Al tratar de modificar un registro de cliente y apachurrar guardar, no se cierra la ventana ni tampoco se modifica el registro. abrí la consola de desarrollo de Crome y me dice que el web server no permita las politicas del CORE. Revisé la configuración del Sstartup y el builder. withMethods("*") está como tu lo pusiste; Si puedo añadir registros. Que podrá ser? el webServer lo tengo corriendo en una laptop y angular en otra pc. El curso está excelentemente bien. Muchas felicidades. Gracias.

[@hdeleonnet]

Si sale Cors es algún parámetro mal en startup en la parte de builder. Intwnte poner con withHeaders y todos los que digan with con el *

[@VirgilioRubioFlute]

@@hdeleonnet Sale, gracias.

[@VirgilioRubioFlute]

@@hdeleonnet añadí unas lineas de configuración al archivo web.config y solucioné el problema. Saludos.

[@kevinalejandro3391]

hola Hector una consulta, para acceder a otros IActionResult de mi api en el backend que tambien tengan un metodo post , cual es la nueva ruta de acceso, intente hacer otro IActionResult solo jalando un dato en ves de toda la tabla y enviando solo un parametro, antes lo realizaba agregando /nombreDelNuevoAccion?nombredato=dato pero ahora me sale error y solo me acepta el metodo cuando no especifico el IAccion, como en nuestro ejemplo del Get

[@hdeleonnet]

Intenta en agregando a [HttpPost("ligaquehacediferencia")]

[@kevinalejandro3391]

@@hdeleonnet muchas gracias !! funciono

[@danielmeza7156]

🔥

[@carlosmm8934]

Todo muy bien y felicitaciones al autor. Pero sigo sin entender por qué un framework para el frontend?... Ven la cantidad de código para hacer un crud? Seguramente dirán reutilizable... pero si cada componente está "Específico" para Cliente tendre que hacer otro para Producto o Usuario, me parece demasiado un framework para pintar data en html, claro con su respectivo css y obviamente su JavaScript "Genérico" para las llamadas asíncronas, ya si quieren algo de bootstrap pero un framework para mi no tiene razón de ser.

[@MSanchez1197]

Hola Hector, antes que nada excelente curso gracias por compartirlo! Me está pasando algo particular: si puedo editar el nombre del cliente, PERO tiene que ser un nombre totalmente distinto. Si quiero cambiar el nombre: "eduardo" a "eduardo cambiado" por ejemplo, me sale el siguiente error: String or binary data would be truncated in table 'ventas_sistema.dbo.cliente', column 'nombre'. Truncated value: 'eduardo ca'. Si pongo algo distinto a eduardo, por ejemplo "cambiado" o que no empiece con eduardo, si me deja cambiar exitosamente.

[@germansanchominano1725]

Hola, llego un año tarde, pero bueno. El error que experimentaste en realidad te indica que el nombre será truncado. Es decir, se puede modificar, pero se guardara como 'eduardo ca' en lugar de 'eduardo cambiado'. Esto se debe probablemente a que el valor que quieres poner es mayor a la longitud soportada por el atributo. Para ello, debes modificar la longitud de este parámetro a una mas grande. Puedes modificar esto en SQL managment studio o puedes modificar tu clase de contexto (donde defines las tablas en la api), crear una migracion y actualizar la base de datos. En tu clase de contexto, defines en el metodo onModelBuilding por ejemplo: modelBuilder.Entity(entity => { entity.ToTable("Cliente"); entity.Property(e => e.Nombre) .HasMaxLength(50) //Tamaño maximo de 50 caracteres .IsUnicode(false) .HasColumnName("nombre"); }); Luego, creas una nueva migracion con el comando: dotnet ef migrations add Nombre Y por ultimo, actualizas la bd: dotnet ef database update Esto debería solucionar el problema

[@Frander_]

Estuvo muy bueno hasta que entraste a tocar Angular, espero que puedas hacer lo mismo pero usando Vue JS o con blazor, para poder seguir el curso hasta el final

[@ernestomartintorresgarcia4124]

03:38 No se porque, pero a la hora de poner la sentencia del delete, tuve que ponerla sin el "/", asi -> return this._http.delete(`${this.url}${id}`);, ya que automaticamente me escribe el /, y si le pongo la / me lo duplica(al imprimir en consola me salia localhost:44366/api/cliente//1003)

[@jesus17642]

Tengo un error a la hora de editar un cliente, cuando pulso editar, me genera un nuevo cliente, alguien sabe como solucionarlo?, gracias :3.

[@tomasizquierdomartinez1517]

Excelente curso, muy bien explicado, tengo un solo problema segui todo el video y revise el codigo y tengo un error cuando quiero insertar un nuevo cliente; esto me muestra en la consola de salida ClienteComponent.html:4 ERROR Error: No component factory found for DialogClienteComponent. Did you add it to @NgModule.entryComponents? ese mismo error me salio para la eliminacion te agradezco de antemano tu ayuda

[@hdeleonnet]

Ha agregado el componente en app.module?

[@tomasizquierdomartinez1517]

​@@hdeleonnet si es lo mas raro import { DialogClienteComponent } from './cliente/dialog/dialogcliente.component'; import { FormsModule } from '@angular/forms'; import { DialogDeleteComponent } from './common/delete/dialogdelete.component'; @NgModule({ declarations: [ AppComponent, HomeComponent, ClienteComponent, DialogClienteComponent, DialogDeleteComponent ], imports: [

[@tomasizquierdomartinez1517]

@@hdeleonnet Hola nuevamente Héctor investigando mas al respecto encontré que cuando se crean componentes dinámicamente estos debe de agregarse en el apartado de entryComponents dentro de app.module.ts; excelente tus videos. estas también en udemy?

[@tomasizquierdomartinez1517]

@@hdeleonnet Hola nuevamente Héctor investigando mas al respecto encontré que cuando se crean componentes dinámicamente estos debe de agregarse en el apartado de entryComponents dentro de app.module.ts; excelente tus videos. estas también en udemy?

[@hdeleonnet]

Por ahora solo estoy gratis con python por alla. Si ese problema lo han tenido varios.

[@zavierquinde6006]

Mi primer hijo, le pondré tú nombre HECTOR ...

[@hdeleonnet]

Lol

[@atomixinc2911]

Bro seria execelente un minijuego en unity. salu2

[@josueargueta2506]

Héctor, no me funciona el editar, no me llena los campos. Estoy haciendo todo igual a lo que explicas en el video y no me funciona.

[@hdeleonnet]

te recomiendo lo cheques bien, un valor mal escrito, algo por ahí

[@edelcortes7074]

¿Pudiste resolverlo? Tengo el mismo problema, ya vi como 20 veces el video hasta el minuto 12 todo lo tengo igual. Algo pasa que le está llegando null a mi objeto cliente al ejecutar la función: openEdit(cliente: Cliente) del cliente.component.ts , lo que provoca que el input quede vacío. En el clic botón Editar del archivo cliente.component.html, la llamada a la función openEdit queda así: Editar Algo tiene ese element en el .html que en el .ts no lo recibe como un objeto elemento de la lista. Todo jaló, menos eso ;-(

[@hdeleonnet]

@@edelcortes7074 que pasa si das console.log(element); en el lado de openEdit?

[@edelcortes7074]

@@hdeleonnet Lo acabo de intentar y al escribir´: console.log(element); el VSCode me agrega la siguiente línea hasta arriba: import { element } from 'protractor'; Lo que provocó que ya no compilara la aplicación: Error from chokidar (C:\): Error: EBUSY: resource busy or locked, lstat 'C:\hiberfil.sys' ;-(

[@edelcortes7074]

Ya quedó!! Mi error estaba en que había definido con nombres diferentes los atributos de las clases ClienteRequest y Cliente en el webservices de .net ClienteRequest.ID != Cliente.idCliente ClienteRequest.Nombre != Cliente.nombreCliente ¿Así cómo?!! ¬¬ Eso pasa por quererse ir por la libre sin analizar bien. En la noche continuo con el siguiente video. Gracias por tu atención, Hector!

[@lucasescalante2354]

buenas, muy bueno el tutorial, me esta ayudando mucho, estoy trabado en el eliminar, ya intente de todo y no puedo solucionarlo. me arroja el siguiente error en el frontend ; DELETE localhost:44370/api/Cliente/19 404 ERROR HttpErrorResponse {headers: HttpHeaders, status: 404, statusText: 'OK', url: 'localhost:44370/api/Cliente/19', ok: false, …} HttpHeaders {normalizedNames: Map(0), lazyUpdate: null, headers: Map(0)} Http failure response for localhost:44370/api/Cliente/19: 404 OK" si pudieras guiarme te lo agradeceria, lo estoy abriendo con chroome, y a mi parecer esta todo el codigo ok. saludos!!

[@TecnopolisTrue]

Aquí esta la solución----- delete(id: number): Observable{ return this._http.delete(this.url); //return this._http.delete(`${this.url}/${id}`); } Pero los métodos crud se ejecutan una sola vez .... No se por que sucede ((Osea que si ingreso un nuevo valor add la primera vez funciona y la 2 no ---- Asi = para delete y edit ))