MEAN Curso – Mongodb, Express, Angular 6 y Nodejs, Parte 2 – Frontend con Angular 6 | localhost 3000 | ข่าวที่มีประโยชน์ที่สุด
เนื้อหา
MEAN Curso – Mongodb, Express, Angular 6 y Nodejs, Parte 2 – Frontend con Angular 6 | localhost 3000.
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับ localhost 3000 หรือข่าวที่เกี่ยวข้องอื่นๆ โปรดไปที่: เรา การกระทำ
MEAN Curso – Mongodb, Express, Angular 6 y Nodejs, Parte 2 – Frontend con Angular 6 และรูปภาพที่เกี่ยวข้องlocalhost 3000
ข้อมูลที่เกี่ยวข้องกับหัวข้อ localhost 3000.
MEAN Stack มีจุดมุ่งหมายเพื่อสร้างเว็บแอปพลิเคชันที่ทันสมัยโดยใช้ Javascript เป็นภาษาหลักทั้ง Frontend และ Backend และฐานข้อมูล ในหลักสูตรนี้ เราจะสร้างแอปพลิเคชัน CRUD ที่เป็นแอปพลิเคชันหน้าเดียวหรือแอปพลิเคชันของหน้าเดียวโดยใช้ Angular ในเวอร์ชัน 6 และจะโฮสต์บนเซิร์ฟเวอร์ Nodejs ที่จะใช้ Express เป็นกรอบงานบนเซิร์ฟเวอร์ Mongo และด้านข้าง . หลักสูตร MONGODB: หลักสูตรด่วน: VISUAL STUDIO CODE TUTORIAL: รหัสโครงการสุดท้าย: เยี่ยมชมเว็บไซต์ของฉันสำหรับหลักสูตรและบทช่วยสอนเพิ่มเติม: รหัส FAZT – YOUTUBE: PATREON TWITTER INSTAGRAM FACEBOOK SLACK.
>>> สามารถหาข้อมูลที่น่าสนใจอื่นๆ ได้ที่นี่ https://musicfrombelow.com/
แบ่งปันที่นี่
localhost 3000 – การค้นหาที่เกี่ยวข้อง.
#Curso #Mongodb #Express #Angular #Nodejs #Parte #Frontend #con #Angular.
angular 6,mean stack,mean stack tutorial,mongodb,node js,express js,javascript,angularjs,typescript,mean stack crud
MEAN Curso – Mongodb, Express, Angular 6 y Nodejs, Parte 2 – Frontend con Angular 6
localhost 3000.
หวังว่า แบ่งปัน ในหัวข้อ localhost 3000 นี้จะ มีประโยชน์ มาสู่คุณ ขอบคุณมาก.
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?
Obrigado!
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
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 !
Hola que tal muy bueno el video pero tengo problemas con el employees.componet.html cuando pongo en el formulario [(ngModel)]="employeeService.selectedEmployee.name" a la hora de compilar el codigo me dice que la propiedad 'employeeService' es privada y que solo puede ser accesible escribiendo la clase EmployeesComponent. AYUDA PORFA llevo dias trabado y no se que hacer ya eh visto el video varias veces buscado en google y nada de nada.
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.
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?
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 :) :) :)
hola, como se le aplicaría a este stack project, server side rendering , algún vídeo donde verlo?
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.
Para los que tengan el problema en el que dice que la propiedad employeeService es privada.
Chequen este artículo: https://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
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.
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!
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.
Fazt buenas noches, me encuentro haciendo tu tutoría pero me arroja este error y no he podido solucionarlo:
ERROR in src/app/components/employees/employees.component.html:6:62 – error TS2339: Property 'addEmployee' does not exist on type 'EmployeesComponent'.
6 <form #employeeForm="ngForm" (ngSubmit)="addEmployee
~~~~~~~~~~~
7 (employeeForm)">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/components/employees/employees.component.ts:5:16
5 templateUrl: './employees.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component EmployeesComponent.
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….!!!
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.
DUDA: Es posible ejecutar mongo db y nodejs en stackblitz?
ufffff man , gracias por tus videos !!
Otra cosa rara es que a pesar de tener declarado todo bien, no me guarda el nombre
Tengo la particularidad que si en el campo lo tengo configurado como requerido, a pesar de llenarlo, me da error al querer guardar el registro. Sin ser requerido guarda sin problemas
muchas gracias, saludos desde Chile #renunciaPiñera
<3
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.
Ahora mi error es el udate async addEmployee(form: NgForm) {
// tslint:disable-next-line:triple-equals
if (form.value._id) {
(await this.employeeService.putEmployee(form.value))
.subscribe(res => {
this.resetForm(form);
M.toast({ html: 'Updated successfully', classes: 'rounded' });
this.getEmployees();
});
} else {
(await this.employeeService.postEmployee(form.value))
.subscribe(res => {
this.resetForm(form);
M.toast({ html: 'Saved successfully', classes: 'rounded' });
this.getEmployees();
});
}
}
El CRU Me funciona hasta ahí, me falta D, que me da este error HttpErrorResponse {headers: HttpHeaders, status: 404, statusText: "Not Found", url: "http://localhost:3000/api/employees5dc08e731bd02b4cdc033566", ok: false, …}
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.
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!
Una pregunta como puedo guardar una imagen de perfil cuando creo un usuario?