MEAN Curso - Mongodb, Express, Angular 6 y Nodejs, Parte 2 - Frontend con Angular 6
ฝัง
- เผยแพร่เมื่อ 20 ก.ย. 2024
- El Stack MEAN, tiene como objetivo crear aplicaciones web modernas con Javascript como principal lenguaje tanto el Frontend como en el Backend y la Base de datos.
En este curso crearemos un aplicación CRUD que es una Single Page Applications o Aplicaciones de una sola página utilizando Angular en su version 6. y esta estará alojada en un servidor Nodejs que usara Express como framework del lado servidor y Mongodb como Base de datos.
CURSO DE MONGODB:
• Curso de Mongodb
CURSO DE EXPRESS:
• Express | Node.js Fram...
TUTORIAL DE VISUAL STUDIO CODE:
• Visual Studio Code, Ed...
CÓDIGO FINAL DEL PROYECTO:
github.com/Faz...
VISITA MI SITIO WEB PARA MÁS CURSOS Y TUTORIALES:
www.faztweb.com
blog.faztweb.com
FAZT CODE - TH-cam:
/ @faztcode
PATREON
/ fazttech
TWITTER
/ fazttech
INSTAGRAM
/ fazttech
FACEBOOK
/ fazttech
SLACK
goo.gl/q5UAoo
![HIWWHEE | OHM [Official MV]](http://i.ytimg.com/vi/OJJLtTLqLag/mqdefault.jpg)
Gracias por los 2 videos. Son un buen material, para alguien que no haya implementado una API, pero contiene errores graves . 1. El objeto selectedEmployee, se debe crear en el componente y no en el servicio. Esa es la razón de todos los errores que mostró en el minuto 36 y siguientes, cuando el employee.html no le reconocía la propiedad name y las otras (position, office, salary). La razón es que employees.component.html, se conecta con el componente employees.component.ts y no con el servicio. Entonces debe agregar algo como selectedEmployee = new Employee(), dentro de la clase EmployeesComponent.ts, e importar en el componente el Model Employee. 2 La forma de crear la clase Employee, dentro de app/models/, tratando de corregir el error del minuto 36 no es muy ortodoxa. 3. Cuando crea el Método addEmployee(), dentro de employees.component.ts para llamar el servicio postEmployee(), utiliza un Observable de Angular, pero no verifica si hay error o no en el response y es Obligatorio verificar, porque la respuesta del servidor o la conexión nunca están garantizadas.
Trinidad, en el min 29:45 aparece escrito "import ... EmployeesComponent..." en la línea 4 de manera no explicada (la última vez que se muestra esa zona de la pantalla es el min 24 y no estaba la línea) y en mi código aparece sombreada. Y no casualmente todos los errores que me da tienen que ver con algo relacionado a "EmployeesComponent". Agradezco si puedes aclarar cómo destrabar esto.
la versión de angular es distinta... hay funcionalidades que se activan o desactivan, yo como begginer he buscado con los errores que mostraba y eran minimos. Te invita a investigar. En el video se ven esos detalles es cuestión de buscar.
Muy buen curso. Fenomenal explicado la parte de Backend como la de Frontend. Era justo lo que necesitaba, ya que la mayoria de tutoriales y cursos solo enseñan la parte Front, con ejemplos de arrays y demás, poco real, y tú has enlazado también el acceso a base de datos. MUY RECOMENDABLE este curso. GRACIAS!!!!
no mames compa , ya he aprendido un chingo con tus 2 vídeos , en realidad me han ayudado mucho
Excelente!!!! El mejor tutorial que eh visto en toda mi vida!! muchas gracias
Muito obrigado por este vídeo de maneira clara e objetiva, aprendi como fazer o CRUD usando MEAN, já estava tentando aprender em videos , mas este foi o mais objetivo. muito obrigado novamente.
mil gracias Fazt!!! eres un amor y mereces el cielo!!! por favor nunca cambies y gracias por darnos tu valioso conocimiento a nosotros que lo apreciamos tanto
Muchas Gracias Fazt! Todos tus videos me fueron de mucha utilidad. Sigue así amigo!
La verdad GRACIAS, y si, en mayusculas. Hace unos meses comence un curso de desarrollo web y cuando me toco trabajar con MEAN, fue CATASTROFICO, la instalacion de Mongo ha hecho algo que no me permitia iniciar sesion en Debian, Angular me parecia (bueno, aun me parece) complicado... despues, trabaje con Flask, eso me ayudo a entender la funcion de un API y como conectarlo con el cliente (supongo que por su sencillez). Ayer decidi salir de mi zona de confort de Flask y python y tomé tu curso, pude hacer todo sin traumas jaja. Esto me ha dejado saber que poco a poco se pueden lograr las cosas que antes parecian imposibles. P.D: Disculpen la falta de tildes pero no es facil con azerty. Saludos!
Muchas gracias, llevo rato tratando de aprender estas tecnologías y tu explicas de forma muy didáctica qué es y para que se usa cada linea escrita. Soy diseñador web y de verdad mil gracias por tan excelente tutorial.
¡Mil gracias! Nos ayudaste a mi grupo a entender mejor Angular.
Muchas gracias, me sirvió un montón! Explicas muy claro y detallado :D
Maravilloso este si está mucho mejor que el anterior.
También podías agregar el id aprovechando la variable del servicio
Ej: form.value._id = this.userService.selectedUser._id;
tiempo 1:03:00
Pd: Super tus tutoriales, sigue así. Te aconsejaría hacer videos del deploy de tus proyectos por ejemplo subirlo a AWS usando contenedores de docker.
Ojalá puedas subir otro video de MEAN. Son excelentes. Podría ser uno de autenticación de usuarios...o involucrando más objetos. Mil gracias por tu contenido.
La primera parte estuvo excelente, no se si es que te falta mejorar en Angular, pero siento que te enrredabas mucho. Creo que te sale mejor detener la grabacion ver el error que no sabes y corregir indicando que paso. Porque de los errores que te arrojaba tambien aprendemos. Todo esto como critica constructiva. De resto muy agradecido por todos tus videos.
Mil gracias por compartir tus conocimientos, el universo te recompensara.
Para evitar tocar el código del servidor cuando se produce el problema en el momento 1:07:00, en la método addEmployee() solo hay que eliminar la propiedad _id de form.value al crear un nuevo empleado. El método resultante seria:
addEmployee(form: NgForm) {
if(form.value._id){
//UPDATE EMPLOYEE
this.employeeService.putEmployee(form.value)
.subscribe( res => {
this.resetForm(form);
this.getEmployees();
M.toast({html:'Updated Successfully'});
});
} else {
//CREATE EMPLOYEE
delete form.value._id;
this.employeeService.postEmployee(form.value)
.subscribe( res => {
this.resetForm(form);
this.getEmployees();
M.toast({html:'Save Successfully'});
});
}
}
Genio gracias!!
Una solución con estilo, gracias!
Excelente Fazt muchas gracias, he aprendido mucho con este tuto, crees que podrías realizar un ejemplo de autenticacion (login) con las mismas herramientas? Angular6 Mongodb y express? seria interesante aprender una manera correcta de realizar eso.
Es una Buena Idea :)
@@FaztTech me encantaria este video, excelentes ejemplos, gracias por compartir
me daba un error que decia Erorr: TS2339: Property 'addEmployee' does not exist on type 'EmployeesComponent'
para solucionarlo deben ir a employees.component.ts y entre las funciones agregar la linea:
addEmployee(data: any) { }
es decir, dentro del export class HotelesComponent implements OnInit { ...etc,...etc }
Super Genial Fazt. Exitos bro.
esta perfecto, lo único que le hizo falta fue que el empleado tuviera imagen, saludos y gracias por el tutorial
Muchas gracias eres el mejor..............
Buenas les dejo un tips porque tuve problemas para implementar CORS, espero les sirva. Tuve que incluir la configuración de cors en el archivo index.js del servidor.
// Configurar cabeceras y cors
app.use((req, res, next) => {
res.header('Access-Control-Allow-Origin', '*');
res.header('Access-Control-Allow-Headers', 'Authorization, X-API-KEY, Origin, X-Requested-With, Content-Type, Accept, Access-Control-Allow-Request-Method');
res.header('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, DELETE');
res.header('Allow', 'GET, POST, OPTIONS, PUT, DELETE');
next();
});
Gracias crack
eres un crack, mil gracias.
aunque no me funciona el delete, he aprendido un monton gracias a tu curso de angular y este curso de stack mean.
bendiciones crack mil gracias por tu contenido :) :) :)
Excelente muchas gracias aprendi mucho
Muy buenas Fazt, se que llego un poco tarde pero tenia dos dudas. 1º: no te parece muy poco seguro el sacar el id en un input "hidden" en la interfaz? simplemente con cambiar el type a "text" desde la consola del navegador ya puedes sacar el id del usuario. 2º: es una tonteria, podrías ponerme como quedaría la "mejor opción" que comentas en el minuto 1:07:51 ??
Muchisimas gracias por adelantado, eres un crack!
Saludos
Para los que tengan el problema en el que dice que la propiedad employeeService es privada.
Chequen este artículo: stackoverflow.com/questions/43141576/property-x-is-private-and-only-accessible-within-class-xyzcomponent
Aunque básicamente se arregla quitaando el "private"
NUNCA llamen métodos privados desde sus propiedades de HTML
Tal cual, cambiando a 'public' se arregla.
Muy buenos videos, ahora tengo que agregarle un broker a mi proyecto que le mande datos a las REST API, gracias! 😊
haz un tutorial de como publicar la aplicación MEAN en una Cloud Computer, por favor! tanto para testing como para producción.
DUDA: ¿Como compilas el proyecto para producción? Creo que mencionaste que al final el frontend se eliminaba la carpeta node_modules, per o se queda allí en el video.
npm init
Extraordinario!! Sin embargo quiero proponerte lo siguiente: Como mongoDB es fantástico para manejar datos complejos, sería muy interesante conocer cómo se hace con un documento como este:
interface Emails {
_id: string,
verified: boolean,
email: string
};
interface Addresses {
_id: string,
street: string;
city: string,
province: string,
zip: string
};
interface Phones {
_id: string,
phoneType: string,
prefix: string,
number: string,
subfix: string,
memo: string
};
interface Payment_Cards {
_id: string,
card_name: string,
card_number: string,
expiry_date: Date,
zip: string
}
export class Client {
tax_id: {
tax_type: string,
tax_code: string,
};
_id: string;
first_name: string;
last_name: string;
nick_name: string;
emails: [Emails];
addresses: [Addresses];
phones: [Phones];
payment_cards: [Payment_Cards];
createdAt: Date;
updatedAt: Date;
constructor(
_id= '',
tax_type = '',
tax_code = '',
first_name='',
last_name = '',
nick_name = '',
emails:Emails[] = [],
addresses:Addresses[] = [],
phones:Phones[] = [],
payment_cards:Payment_Cards[] = [],
createdAt: Date,
updatedAt: Date
)
{
this._id = _id;
this.tax_id.tax_code = tax_code;
this.tax_id.tax_type = tax_type;
this.first_name = first_name;
this.last_name = last_name;
this.nick_name = nick_name;
this.emails[0]._id = emails[0]._id='';
this.emails[0].verified = emails[0].verified;
this.emails[0].email = emails[0].email;
this.addresses[0]._id = addresses[0]._id;
this.addresses[0].street = addresses[0].street;
this.addresses[0].city = addresses[0].city;
this.addresses[0].province = addresses[0].province;
this.addresses[0].zip = addresses[0].zip;
this.phones[0]._id = phones[0]._id;
this.phones[0].phoneType = phones[0].phoneType;
this.phones[0].prefix = phones[0].prefix;
this.phones[0].subfix = phones[0].subfix;
this.phones[0].memo = phones[0].memo;
this.payment_cards[0]._id = payment_cards[0]._id;
this.payment_cards[0].card_name = payment_cards[0].card_name;
this.payment_cards[0].card_number = payment_cards[0].card_number;
this.payment_cards[0].expiry_date = payment_cards[0].expiry_date;
this.payment_cards[0].zip = payment_cards[0].zip;
this.createdAt = createdAt;
this.updatedAt = updatedAt;
}
};
... y te lo pido porque a mí no me sale.
Impecable!
ufffff man , gracias por tus videos !!
Excelente! Fazt.
Si tienes problemas con app.use('cors()'), lo solucioné poniendo-lo en primera posición en la sección de los Middlewares. (server/index.js)
Como observación el button clean y save en angular activan el el ngSumbit del form debido a que olvidaste ponerle type submit al button save , para que el clean no active el ngSubmit
Cuando hago clean me aparece el siguiente error
(node:8895) UnhandledPromiseRejectionWarning: ValidationError: Employee validation failed: name: Path `name` is required., position: Path `position` is required., office: Path `office` is required., salary: Path `salary` is required.
at new ValidationError (/var/www/html/mean-project/node_modules/mongoose/lib/error/validation.js:30:11)
at model.Document.invalidate (/var/www/html/mean-project/node_modules/mongoose/lib/document.js:2291:32)
at p.doValidate.skipSchemaValidators (/var/www/html/mean-project/node_modules/mongoose/lib/document.js:2140:17)
at /var/www/html/mean-project/node_modules/mongoose/lib/schematype.js:1037:9
at process._tickCallback (internal/process/next_tick.js:61:11)
(node:8895) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 16)
Hago lo que dices en el comentario pero igual hace un submit cuando le das click al boton clean
Buen tutorial, muchas gracias
En la parte de: constructor(private employeeService: EmployeeService) , en html no me deja manipular los datos del formulario, lo puse public pero no creo que sea correcto, gracias por el tutorial !
nadie tiene un curso de react, redux ,firebase database, firebase cloud functions y firebase hosting. podias hacer un video o una mini serie de esas technologias? sin tener que usar node? no tiene que ser una aplication compleja
Muy util el tutorial (al = que la parte 1)
Muchas gracias!
Hola Fazt!! muchas gracias por todos los videos y seguir compartiendo conocimiento, en una parte del video mencionaste que al final ibas a mostrar como usar la app sin tener que levantar ng serve, supongo que la manera es la de hacer el bundle.js y meterlo en la carpeta public del server?
Saludos!!
Hola Javier, así es, creo que es la forma más sencilla, tambien se puede hacer automáticamente, cuando conviertes todo el código para que lo coloque en la carpeta public, pero es exactamente lo mismo -> stackoverflow.com/questions/43388010/how-to-change-angular-cli-bundle-path
Un Saludo! :)
Muy bien amigo. Gracias 😎👍🏼
Hola, soy nuevo en todo esto y quisiera saber como hacer todo el lado del servidor desde MySQL, ya he visto tus tutoriales de NodeJS y MySQL, pero aún no logro entender
Tengo un amigo experto en diseño web, actualmente no ha compartido nada de material en youtube. Apenas se acaba de decidir por falta de tiempo, a compartir sus conocimientos. Tiene un proyecto de enseñar la integración completa de las tecnologías mas modernas para creación de apps en un curso basado en niveles del 0 al 10 cada nivel con aproximadamente 100 videos cortos por cada nivel. Solo que primero quiere saber si habrían de inicio unas 1000 personas interesadas en tomarlo. Me enseño la maqueta del proyecto es Uff fantastico!! Ya estuve checando y no hay en youtube ni en Udemi (como te habrás dado cuenta son bastante incompletos)lo completo del curso es increible. Termina el curso con la creación de una página web con angular, laravel , mysql, con inteligencia artificial, tienda online, una vez terminado este curso, también podrás aprender creacion de apps para android e ios de manera fácil.
excelente vídeo eres un monstruo
Hola, más adelante nos gustaría alguna explicación sobre los componentes como calendarios, listas desplegables y cómo integrarlos a los datos de la bd.
excelente sugerencia, lo tendré en cuenta para próximos vídeos :)
Este Stack es muy bueno
Hola! Muchas gracias por el video! Te quería consultar por un error que me tira cuando quiero hacer #name="ngModel". Estoy trabajando con Angular 11.
No directive found with exportAs 'ngModel'.
Saludos
Muy buena explicacion, tengo un problema con el CORS Origin, lo he hecho tal y como haces tu en el video y no me funciona correctamente. Me dice lo siguiente:
zone.js:3243 Access to XMLHttpRequest at 'htpp://localhost:3000/api/users' from origin 'localhost:4200' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
Sigue funcionando el grupo de Slack, me dice "Este enlace de invitación ya no está activo."
Tengo el mismo problema. Pudiste solucionarlo?
Muchas gracias muy buen par de videos, tendras un ejemplo de autentificación con este stack?
Muy bueno el video y muy bien explicado!
Una simple duda que me surge es si traer todos los empleados desde la db cada vez que se elimina, edita o agrega un empleado, es ineficiente? Si la db es muy grande obviamente. Quizas no es un tema para este ejemplo. Saludos desde Argentina.
Geniooooooo muchas gracias !
Buenas Fazt gracias por los tutos de verdad.
tras realizar estos tutos me surgen dudas,
cómo podriamos levantar a con una misma sentencia el cliente 4200 y el server 3000 al mismo tiempo?
salu2 gracias!!!
con ng build creas el build y en index.js usas app.use(express.static(path.join(__dirname, 'dist')));
y con esto llamas desde espress los archivos de angular
Muy buen video, orientas muy bien. Solo tengo una duda, como Deployarias la aplicación en Heroku? Sobre la carpeta SERVER o FRONTEND?
Gracias Fazt !!!! una consulta podras hacer un tutorial de como agregar el manejo de fotos con swiper pero con angular como en este tutorial ? Gracias de nuevo !!
Que tal Fazt... estoy trabajando esquemas en mongoose con cadenas de textos, fechas y otros documentos anidados.... mi duda era con que tipo de dato declaro esos documentos anidados en el esquema?
Exelente tutorial,.pero necesito tu ayuda para que de la misma manera se pueda agregar imágenes, espero contestes por favor!
Excelente video felicidades me funciona al 100 solo que estoy intentando agregarle algunas cosas personales, como crear un select que se llene con los empleados. Como podría hacerse eso?
excelente tutorial gracias por compartir tus conocimientos, tengo una pregunta ¿como podría mandar el _id sin usar un input hidden?, saludos.
Muchas gracias.
Gracias amigo !! :D Podrías hacer un curso o minicurso de Video Live Streaming con NodeJS ? Nuevamente gracias por compartir tus conocimientos :D
Hola! Tengo una consulta. Quiero controlar el código de todo el proyecto a través de git. El problema es que angular crea automáticamente un repositorio (en este caso, la carpeta frontend), por lo tanto, cómo puedo unificarlo todo junto con la parte de server? Por otro lado, alguien me puede mandar invitación al grupo de Slack?
Buenisimo tus videos.. Podria ser posible algunos videos de angular con laravel, react con laravel
hola, como se le aplicaría a este stack project, server side rendering , algún vídeo donde verlo?
Hey there, there is no license on your codes! I am thinking to use your codes on my private lessons! Would you mind if my student modify your codes?
Excelente! creo que tu lista de empleados no debería ser bi-direccional. Y se te olvidó la parte de ng build
Perfect
Excelente video, muy bien explicado, buen trabajo..!!!
tengo una inquietud... dentro del archivo employees.component.html en la parte donde se asigna "this.employeeService.employees = res as Employee[];"
me sale un error de : Type 'Response' cannot be converted to type 'Employee[]'
Si me puedes ayudar con este error te agradecería infinitamente....!!!
lo siento es dentro del archivo amployees.component.ts
@@xavizumba7368 debes recibir Employee[] como return type
@@xavizumba7368 Es posible que tu API no esté devolviendo un arreglo de Empleados, tendrías que confirmar.
Lo solucionaste?
DUDA: Es posible ejecutar mongo db y nodejs en stackblitz?
Hola que tal, Feliz año 2021, comenzando con la primera consulta del año.
Me pueden ayudar por favor.
Me esta saliendo el siguiente error en la consola
ERROR in src/app/components/users/users.component.html:10:46 - error TS2341: Property 'userService' is private and only accessible within class 'UsersComponent'.
10 [(ngModel)]="userService.selectedUser.nombre"
~~~~~~~~~~~
src/app/components/users/users.component.ts:9:16
9 templateUrl: './users.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component UsersComponent.
src/app/components/users/users.component.html:10:46 - error TS2341: Property 'userService' is private and only accessible within class 'UsersComponent'.
10 [(ngModel)]="userService.selectedUser.nombre"
~~~~~~~~~~~
He consultado en google y dice que es porque en el service esta como private, lo cambié a public y sigue igual
dando el mismo error, aunque el formulario funciona, por lo menos limpia, no he seguido mas adelante.
Gracias por los videos. Crack, Maquina, Fierra, Tifon. Tengo una pregunta como se pueden enviar archivos a un petición??
subistoy un proyecto de MEAN a digital ocean con ubuntu... pero despues de hacer el ng build... que tengo que hacer para poner todo el html... te preguntaba eso por que instale un apache y ahi donde puse el frontend ... pero me imagino que con el node js se debe poder ojala me puedas ayudar Saludos fazt !!
En el min 29:45 aparece escrito "import ... EmployeesComponent..." en la línea 4 de manera no explicada (la última vez que se muestra esa zona de la pantalla es el min 24 y no estaba la línea) y en mi código aparece sombreada. Y no casualmente todos los errores que me da tienen que ver con algo relacionado a "EmployeesComponent". Agradezco si alguien puede aclarar esto!
No tiene nada que ver lo autocompleto el editor por alguna razon, Pero ese modulo no se utiliza en el CRUD
Elimínala sin problema, se debió incluir sin intención.
Hola Fatz segui tu codigo veo que esta linea en el html de employees.component daña todo el trabajo
creo que explicas muy bien pero estas dañando el trabajo con dos cosas estos errores que paralizan el trabajo en aprender y que el codigo que publicas no es el mismo que esta en el video
Hola, Que tan prudente es usar servicios en el html como hace más o menos en el min 40. y por alguna razón que aun no se, no me conecta con la base de datos el formulario :C que otra forma se puede hacer para conectar backend con el frontend. Gracias
hola, tienes ejemplos de inicio de sesion, perfiles de usuarios, etc etc ?
Gracias Crack!!
Excelente! Podrias hacer un vídeo de angular6 con cloudfirestore y ng-bootstrap por fa?
Es una buena idea, lo apunto para grabarlo pronto :)
Hola Fazt! Te cuento que te escribi al slack pero no me respondiste aun....
te copio mi consultita por aqui, ok?
Me ayudas a entender algo por favor?
estuve leyendo este link
yihui.name/en/2017/06/netlify-instead-of-github-pages/
el escritor habla de *static websites*
lo que no comprendo es a que se les llama webs estaticas, o sea, cuando una web se considera estatica? gracias!!!
Hola! Tengo una duda sobre las consultas con mongoose. Mi modelo esta linkeado con otro por referencia, de esta forma no lo embebo. Algo así... TipoDocumento: {Type: Schema.types.objectId, ref: 'TipoDocumento'}, hasta ahí genial... el método populate() funciona de 10, el problema lo tengo cuando quiero hacer un find() pero en vez de hacer el find() por el _id de la persona, lo quiero hacer por el _id del TipoDocumento, no se si me explico (Es un ejemplo esto, no es precisamente TipoDocumento lo que estoy usando en mi proyecto pero creo que el ejemplo sirve). Quiero filtrar por algún campo del documento referenciado y no encuentro como. Tratándolo como un objeto digamos... find({'tipoDocumento._id' = 1233}) no funciona.
Alguien sabe porque a la hora de enviar los datos al servidor no llegan?(Ejemplo: tengo la opcion de borrar usuario exactamente igual, tomo el id y lo envio al metodo router.delete pero nunca llega porque nunca pasa nada), probe ambos metodos por separado y los dos funcionan(PostMan), uno da el id bien y el otro borra al usuario cuando se le entrega un id, pero en el video a la hora de enviar del fronted al servidor simplemente nunca llega, ya cheque mil veces las rutas y coinciden.
Obrigado!
Saludos, he codificado todo de acuerdo a lo que Fazt ha hecho, con POSTMan me funciona bien, pero con angular estoy teniendo este inconveniente
UnhandledPromiseRejectionWarning: ValidationError: Employee validation failed: salary: Path `salary` is required.,
office: Path `office` is required., position: Path `position` is required., name: Path `name` is required.
para solucionar ese error se debe poner required en los input de empleados.component.html
Si yo quiero realizar una consulta con algún parámetro que no sea el id de que manera lo puedo hacer?
Tengo un problema,no se muestran los datos en la pantalla,solo en la consola¿Como puedo solucionarlo?
fazt sos un genio !!!! , no podrías explicar como hacer el deploy de este proyecto en heroku?. Muchas gracias por tus vídeos!!!!
has podido hacerlo?
tambien utilizar el middleware de esta manera app.use(cors());
Muchísimas gracias. Tengo una duda, sucede que debido al doble binding cuando le doy editar a una fila pero le doy Clean de una, la fila se desaparece de la tabla y arroja errores en la consola, ¿sabes cómo podría evitar eso? Muchas gracias nuevamente por el excelente tutorial.
Ya lo pude resolver, si a alguien le sirve, si desea trabajar con one-way binding, para que no se actualice la tabla cuando escriben o borren un record en los input del form deben cambiar [(ngModel)] por [ngModel], es decir deben quitar los paréntesis, con eso es suficiente.
@@sebastiancadena485 GENIO gracias!
Increibles tutos Fazt, pero tengo que decir que cada vez que oigo "otjetos", "ocserva" me da un sincope xD
Muchas gracias por tu trabajo, sigue asi!
A mi me sigue apareciendo el error de Cannot read property 'selectedEmpoyee', donde paro el video, y dijo que era reiniciar el server, tengo el constructor y todo, no se que pasa
Hola Fazt, como seria en el caso de que mi modelado de documento de mongo es mas complejo,
Si dentro de una propiedad del documento hay un objeto con mas propiedades?
{
nombre: string;
edad: string;
redes: {
facebook: string;
instagram: string;
}
}
Algo así por ejemplo, ya eh intentado de varias formas y no me funciona sale error undefined facebook e instagram.
hermano disculpa tengo un problema en el front-end como puedo hacer el modelo si tengo ducumentos embebidos en mongo agradecería tu ayuda buenas noches
Fazt hola una pregunta, por que al boton SAVE no le pones el evento click e igual funciona?
El CRU Me funciona hasta ahí, me falta D, que me da este error HttpErrorResponse {headers: HttpHeaders, status: 404, statusText: "Not Found", url: "localhost:3000/api/employees5dc08e731bd02b4cdc033566", ok: false, …}
excelente
Gracias por los vídeos, muy buenos.
Tengo una duda. Porque cuando editas un valor se actualiza a la vez en la tabla? Como puedo evitar eso? 🤔
Sacale los (), dejando solamente [ngModel] para el enlace de datos
creo que tienes una gran reputacion por hacer buenos videos pero trata de evitar estos errores a futuro para que la gente no haga tus videos a un lado por estar con estos errores, si puedes ayudarte te lo agradeceria
Genial, tu crees que podrias dar un ejempl de Angular 6 con Java spring boot
Anotado, para hacer un ejemplo en el futuro :)
gracias :D
Buenas, una consulta, a mi me da un error al querer declarar la propiedad id, con un _id, como es que a ti no te sale ese error? Gracias a quien responda.
Una pregunta como puedo guardar una imagen de perfil cuando creo un usuario?
Para actualizar los datos, no funciona el req.params
Doble enclace de datos, el binding es la moda