Esta bien la explicación. pero se pone mas complicado cuando queremos enviar el parámetro a un componente que se instancia (pinta/crea) en un "" por que pues no se esta creando directamente el componente ahi. para esos casos: 1- en el componente padre creariamos un boton por ejemplo asi: 2- en app-routing.module.ts ponemos asi la ruta del componente hijo: {path: 'person/:persona_id', component: EditarPersonaComponent} 3- en el componente hijo que recibe el parametro hacemos esto: import { Component, Input } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; @Component({ selector: 'app-editar-persona', templateUrl: './editar-persona.component.html', styleUrls: ['./editar-persona.component.css'] }) export class EditarPersonaComponent { constructor(private rutaActiva: ActivatedRoute){ } @Input() persona_id!:number; parametros!: { persona_id:number }; ngOnInit(){
Muy buena lista, explicas muy bien y se hace mas entendible... Ya me lo ví completo y ahora estoy viéndolo nuevamente para empezar a implementar a mi proyecto. La duda que me generó, debido a un error que me dá, es como hacer un botón dinámico pero con iconos de font-awesome. Yo lo tengo instalado y puedo aplicarlo, pero tengo problemas con el código, ya que la documentación me indica poner , en donde [icon] lleva el nombre del icono en cuestión, quiero hacerlo dinámico para poder reutilizar el mismo botón en varios lugares pero me da error, probé de varias formas pero no encontré la forma de hacerlo. Ójala puedas ver el mensaje y darme una ayudita, desde ya te agradezco y seguiré apoyando el canal..
En terminos de patrones de disenho, un Decorador añade dinámicamente funcionalidad a un Objeto. Esto nos permite no tener que crear sucesivas clases que hereden de la primera incorporando la nueva funcionalidad, sino otras que la implementan y se asocian a la primera
El Decorador o Decorator decora, anade informacion a la clase, es como la metainformacion de un mp3, titulo, longitud del track, codificacioin..sin alterar a la clase misma
Consulta, cuando creo el entorno del proyecto me aparece predeterminadamente CSS y no me hace la consulta siquiere hacer SASS directamente el terminal instala todo, hay alguna manera o una guia de poder modificar esos pasos para poder levantar el proyecto y no cambiarlo de manera manual dentro del mismo? me pasa mucho, ahh porcierto tengo conocimiento base en java script no lo he pulido como muchos monstruos por el internet pero esta bien? o tengo que profundizar todo ? saludos
hola, aca les dejo un array con todos los paises por si quieren hacer algo mas grande y experimentar con lo aprendido: cities= ["Afganistán","Albania","Alemania","Andorra","Angola","Antigua y Barbuda","Arabia Saudita","Argelia","Argentina","Armenia","Australia","Austria","Azerbaiyán","Bahamas","Bangladés","Barbados","Baréin","Bélgica","Belice","Benín","Bielorrusia","Birmania","Bolivia","Bosnia y Herzegovina","Botsuana","Brasil","Brunéi","Bulgaria","Burkina Faso","Burundi","Bután","Cabo Verde","Camboya","Camerún","Canadá","Catar","Chad","Chile","China","Chipre","Ciudad del Vaticano","Colombia","Comoras","Corea del Norte","Corea del Sur","Costa de Marfil","Costa Rica","Croacia","Cuba","Dinamarca","Dominica","Ecuador","Egipto","El Salvador","Emiratos Árabes Unidos","Eritrea","Eslovaquia","Eslovenia","España","Estados Unidos","Estonia","Etiopía","Filipinas","Finlandia","Fiyi","Francia","Gabón","Gambia","Georgia","Ghana","Granada","Grecia","Guatemala","Guyana","Guinea","Guinea ecuatorial","Guinea-Bisáu","Haití","Honduras","Hungría","India","Indonesia","Irak","Irán","Irlanda","Islandia","Islas Marshall","Islas Salomón","Israel","Italia","Jamaica","Japón","Jordania","Kazajistán","Kenia","Kirguistán","Kiribati","Kuwait","Laos","Lesoto","Letonia","Líbano","Liberia","Libia","Liechtenstein","Lituania","Luxemburgo","Madagascar","Malasia","Malaui","Maldivas","Malí","Malta","Marruecos","Mauricio","Mauritania","México","Micronesia","Moldavia","Mónaco","Mongolia","Montenegro","Mozambique","Namibia","Nauru","Nepal","Nicaragua","Níger","Nigeria","Noruega","Nueva Zelanda","Omán","Países Bajos","Pakistán","Palaos","Palestina","Panamá","Papúa Nueva Guinea","Paraguay","Perú","Polonia","Portugal","Reino Unido","República Centroafricana","República Checa","República de Macedonia","República del Congo","República Democrática del Congo","República Dominicana","República Sudafricana","Ruanda","Rumanía","Rusia","Samoa","San Cristóbal y Nieves","San Marino","San Vicente y las Granadinas","Santa Lucía","Santo Tomé y Príncipe","Senegal","Serbia","Seychelles","Sierra Leona","Singapur","Siria","Somalia","Sri Lanka","Suazilandia","Sudán","Sudán del Sur","Suecia","Suiza","Surinam","Tailandia","Tanzania","Tayikistán","Timor Oriental","Togo","Tonga","Trinidad y Tobago","Túnez","Turkmenistán","Turquía","Tuvalu","Ucrania","Uganda","Uruguay","Uzbekistán","Vanuatu","Venezuela","Vietnam","Yemen","Yibuti","Zambia","Zimbabue" ]; este array va en app.component.ts😄
Exellent, haces muy dinámica las clases. Dan ganas de seguir aprendiendo. Eso es muy importante.
Gracias Bezael!
Muchas gracias, Bro.
Las clases son bien dinámicas. Se aprende de una manera divertida.
Muchas gracias Bezael, genial y muy facil de seguir tus explicaciones muy claras y concisas!😀
Me alegra bro 🤩
un aporte de valor. muchas gracias por compratir el conocimeinto.
estoy aprendiendo mucho.
Con mucho gusto
Hola, muy claras tus explicaciones, un gran abrazo...
Excelente, me va encantando el curso.
Gracias por comentar
Tienes razon, es facil aprender angular aquí. te voy!
Excelente! Gracias!!!
excelente curso. muchas gracias Dominicode
Gracias, saludos
Genial ¡¡¡ gran gran explicación.
Hola, muchas gracias
Muy buenos vídeos
Excelentes videos! he entendido super bien todos los temas que he visto...
Todo claro, bien explicado y sin afanes.
Gracias Domini Code...
Gracias por tu comentario 😁
Que buen tuto. Gracias
Gracias!!
gracias! hasta el momento tus videos son muy buenos para mi aprendizaje!
Saludos! y muchas gracias por comentar
Muy clara la explicación de @input. muchas gracias
Gracias Martin
Gracias
De nada
nunca he programado pero me parece interesante . gracias dominicode
Gracias! 😊
Muy buen video, muchas gracias.
Gracias por comentar
¡Qué chido explicas, hermano! No importa si retrocedo el vídeo por algo que no entendí de momento porque sé que mi duda será aclarada. Gracias.
Que comentario más bonito Carlos. Un saludos
Genio! Estaba estancado y me ayudaste a salir :D
ngOnChanges, no sabia como funcionaba, gracias por tus conocimientos, un crack.
Un saludo!
Done ✅ Viene siendo fluido el aprender esta nueva tecnología!
Me alegro!! 🤩 Saludos!
Muchas gracias estaba en cadena de suministro, fuera de lo q estudie por enfermedad ahora quiero retomar mi carrera y trabajar desde casa, muy claro.
graciass!, tenia la duda del onChanges, excelente como siempre.
Hola, Rogmar. Me alegro!! 🤩 Saludos!
Finalmente al dia, muchas gracias por tus videos!
Un saludo
muy clara la explicación, muchas gracias. 😁😁😁
Gracias a ti!
Excelente serie de videos! me encantan tus explicaciones, clarisimas!! abrazos :D
Muchas gracias! 😊
Lo primero muy buenos los vídeos, tengo una duda, cuál sería el componente padre y cuál el hijo? Muchas gracias
Esta bien la explicación. pero se pone mas complicado cuando queremos enviar el parámetro a un componente que se instancia (pinta/crea) en un "" por que pues no se esta creando directamente el componente ahi. para esos casos:
1- en el componente padre creariamos un boton por ejemplo asi:
2- en app-routing.module.ts ponemos asi la ruta del componente hijo:
{path: 'person/:persona_id', component: EditarPersonaComponent}
3- en el componente hijo que recibe el parametro hacemos esto:
import { Component, Input } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
@Component({
selector: 'app-editar-persona',
templateUrl: './editar-persona.component.html',
styleUrls: ['./editar-persona.component.css']
})
export class EditarPersonaComponent {
constructor(private rutaActiva: ActivatedRoute){
}
@Input() persona_id!:number;
parametros!: { persona_id:number };
ngOnInit(){
this.parametros = {
persona_id: this.rutaActiva.snapshot.params['persona_id']
};
console.log('ste men ' + this.parametros.persona_id);
}
}
excelente aportes, me gustarías ver mas tutoriales sobre decoradores y también sobre peticiones asíncronas con sus ventajas y desventajas
Hola, Edgardo.
Lista completa del reto: 👉
th-cam.com/play/PL_9MDdjVuFjFBed4Eor5qj1T0LLahl4z0.html
Hola Domini Code
Que plugIn usas en el Visual Estudio Code, para angular, como el que te autocompleta los metodos
Muy buena lista, explicas muy bien y se hace mas entendible... Ya me lo ví completo y ahora estoy viéndolo nuevamente para empezar a implementar a mi proyecto. La duda que me generó, debido a un error que me dá, es como hacer un botón dinámico pero con iconos de font-awesome. Yo lo tengo instalado y puedo aplicarlo, pero tengo problemas con el código, ya que la documentación me indica poner , en donde [icon] lleva el nombre del icono en cuestión, quiero hacerlo dinámico para poder reutilizar el mismo botón en varios lugares pero me da error, probé de varias formas pero no encontré la forma de hacerlo. Ójala puedas ver el mensaje y darme una ayudita, desde ya te agradezco y seguiré apoyando el canal..
En terminos de patrones de disenho, un Decorador añade dinámicamente funcionalidad a un Objeto. Esto nos permite no tener que crear sucesivas clases que hereden de la primera incorporando la nueva funcionalidad, sino otras que la implementan y se asocian a la primera
Gracias!!! 🤝🏼
Hola, en tan solo 10 clases he tenido mas claro Angular que en un curso de 5 meses al cual acudí, muchas gracias!
yo tambien!!! pague los 200$ de platzi y no aprendi casi, y aca con el en menos de un dia lo aprendi todo lo que vi en esos cursos
El Decorador o Decorator decora, anade informacion a la clase, es como la metainformacion de un mp3, titulo, longitud del track, codificacioin..sin alterar a la clase misma
Hola Dominicode, en la instruccion No me reconoce el metodo onClear(), que puedo hacer?
Hola, Fabian. Qué error tienes ?
Consulta, cuando creo el entorno del proyecto me aparece predeterminadamente CSS y no me hace la consulta siquiere hacer SASS directamente el terminal instala todo, hay alguna manera o una guia de poder modificar esos pasos para poder levantar el proyecto y no cambiarlo de manera manual dentro del mismo? me pasa mucho, ahh porcierto tengo conocimiento base en java script no lo he pulido como muchos monstruos por el internet pero esta bien? o tengo que profundizar todo ? saludos
Hola puedes iniciar tu proyecto con esta configuración
ng new hello-angular-14 --style=scss
Day 10: Moctezuma Present!!! 😎
Me alegro!! 🤩 Saludos!
Profe todo super claro pero que facil seria pasarlo como un prop y ya jajjaja saludos y esperando el proximo
Saludo, Yoan. Pues sí tienes razón.
domi deberias tener un server de discord, para los del canal, y si ya lo tienes me podrias mandar la invitacion porfa!!!!
Hola, David. Está muerto. Pero lo tenemos discord.gg/AWP2DkMf
hola, aca les dejo un array con todos los paises por si quieren hacer algo mas grande y experimentar con lo aprendido:
cities= ["Afganistán","Albania","Alemania","Andorra","Angola","Antigua y Barbuda","Arabia Saudita","Argelia","Argentina","Armenia","Australia","Austria","Azerbaiyán","Bahamas","Bangladés","Barbados","Baréin","Bélgica","Belice","Benín","Bielorrusia","Birmania","Bolivia","Bosnia y Herzegovina","Botsuana","Brasil","Brunéi","Bulgaria","Burkina Faso","Burundi","Bután","Cabo Verde","Camboya","Camerún","Canadá","Catar","Chad","Chile","China","Chipre","Ciudad del Vaticano","Colombia","Comoras","Corea del Norte","Corea del Sur","Costa de Marfil","Costa Rica","Croacia","Cuba","Dinamarca","Dominica","Ecuador","Egipto","El Salvador","Emiratos Árabes Unidos","Eritrea","Eslovaquia","Eslovenia","España","Estados Unidos","Estonia","Etiopía","Filipinas","Finlandia","Fiyi","Francia","Gabón","Gambia","Georgia","Ghana","Granada","Grecia","Guatemala","Guyana","Guinea","Guinea ecuatorial","Guinea-Bisáu","Haití","Honduras","Hungría","India","Indonesia","Irak","Irán","Irlanda","Islandia","Islas Marshall","Islas Salomón","Israel","Italia","Jamaica","Japón","Jordania","Kazajistán","Kenia","Kirguistán","Kiribati","Kuwait","Laos","Lesoto","Letonia","Líbano","Liberia","Libia","Liechtenstein","Lituania","Luxemburgo","Madagascar","Malasia","Malaui","Maldivas","Malí","Malta","Marruecos","Mauricio","Mauritania","México","Micronesia","Moldavia","Mónaco","Mongolia","Montenegro","Mozambique","Namibia","Nauru","Nepal","Nicaragua","Níger","Nigeria","Noruega","Nueva Zelanda","Omán","Países Bajos","Pakistán","Palaos","Palestina","Panamá","Papúa Nueva Guinea","Paraguay","Perú","Polonia","Portugal","Reino Unido","República Centroafricana","República Checa","República de Macedonia","República del Congo","República Democrática del Congo","República Dominicana","República Sudafricana","Ruanda","Rumanía","Rusia","Samoa","San Cristóbal y Nieves","San Marino","San Vicente y las Granadinas","Santa Lucía","Santo Tomé y Príncipe","Senegal","Serbia","Seychelles","Sierra Leona","Singapur","Siria","Somalia","Sri Lanka","Suazilandia","Sudán","Sudán del Sur","Suecia","Suiza","Surinam","Tailandia","Tanzania","Tayikistán","Timor Oriental","Togo","Tonga","Trinidad y Tobago","Túnez","Turkmenistán","Turquía","Tuvalu","Ucrania","Uganda","Uruguay","Uzbekistán","Vanuatu","Venezuela","Vietnam","Yemen","Yibuti","Zambia","Zimbabue" ];
este array va en app.component.ts😄
Gracias por tu aporte David