Uso de *ngSwitch
Contenido del curso
Uso de *ngSwitch
Contenido del curso
Cesar Camacho
Ahí vamos dandole:
George Bryant Gutiérrez Gastélum
Muy bien @cescamachob solo que sería bueno que en el input del number pusieras algo que me diga que es el numero que pondré en el caso de que no hubiera algún registro. Yo tuve que ir a ver a los registros para saber que numero poner :)
Edixon javier Pabon Lizcano
Genial.
Jose Manuel Montaño Saenz
Buena herramienta para practicar
Esta app la hice casi 2 horas, Uff
https://stackblitz.com/edit/angular-ivy-6qjv3n?file=src/app/app.component.ts
Reinaldo Mendoza
Muy pontente esa herramienta
Sara Acevedo Maya
Te quedó muy bonito!!
Danny Pacheco
Este es un CRUD con filtro básico, usé bootstrap 5 https://angular-ivy-sj5wqd.stackblitz.io/
Alfredo Dasser
Puxka Acosta Domínguez
Además de usar unas estructuras de control en el .ts y CSS, lo demás es lo visto durante el curso: https://angular-ivy-6ffejk.stackblitz.io
Sergio Fernández Salazar
esta Genial !
Juan Carlos Ortiz Romero
ngSwitch El funcionamiento de esta directiva es exactamente igual que el de un switch de programación, donde el resultante de una expresión definirá cual es el elemento del DOM (el tag) que se mostrará. Para ello se utilizan los atributos [ngSwitch] igualado a una variable definida en código (la cual será la que cambie su valor) y los atributos *ngSwitchCase igualados a los posibles valores que puede tomar la variable. Cuando la variable tome el valor de uno de los *ngSwitchCase se mostrará el tag asignado. También se puede incluir un tag con el atributo *ngDefaultSwitch para que se muestre siempre y cuando el valor de la variable no está contemplado en ninguno de los casos.
Jimmy Buriticá Londoño
Bien por el resumen, tienes un error en la opción por defecto, el comando es:
*ngSwitchDefault
Joel Requena
Muy buen curso
José Samuel Aguilar Morales
Como puedo entender cuando lleva * y cuando no? De igual forma entender cuando se usar el string interpolation y cuando lleva los corchetes? (osea, no solo memorizar si no entender cuando es uno y cuando otro)
Daniel Alejandro Calderón Virgen
App de prestamos https://angular-ivy-3dqyv5.stackblitz.io
Karoli Quijada
Hice un to do app sencilla para practicar lo aprendido (: https://angular-ivy-8mr7ts.stackblitz.io/
Oscar Ramos
es poco pero es trabajo honesto, ahi vamos con angular https://angular-ivy-vmpqah.stackblitz.io
George Bryant Gutiérrez Gastélum
Ahí les va. Algo sencillo porque vamos paso a paso, solo poniendo en practica lo aprendido en angular en este proyectito. https://angular-ivy-nlp3lp.stackblitz.io
German Pinilla
*++Uso de ngSwitch++
El funcionamiento de esta directiva es exactamente igual que el de un switch de programación, donde el resultante de una expresión definirá cual es el elemento del DOM (el tag) que se mostrará. Para ello se utilizan los atributos [ngSwitch] igualado a una variable definida en código (la cual será la que cambie su valor) y los atributos *ngSwitchCase igualados a los posibles valores que puede tomar la variable. Cuando la variable tome el valor de uno de los *ngSwitchCase se mostrará el tag asignado. También se puede incluir un tag con el atributo *ngDefaultSwitch para que se muestre siempre y cuando el valor de la variable no está contemplado en ninguno de los casos.
++Ejemplo:++
<input type="text" required #inputNameNew="ngModel" [(ngModel)]="person.name"><br> <!-- <p *ngIf="person.name === 'nicolas'">La persona es nicolas</p> <p *ngIf="person.name === 'julian'">La persona es julian</p> <p *ngIf="person.name === 'camilo'">La persona es camilo</p> --> <div [ngSwitch]="person.name"> <div *ngSwitchCase="'nicolas'">La persona es nicolas</div> <div *ngSwitchCase="'julian'">La persona es julian</div> <div *ngSwitchCase="'camilo'">La persona es camilo</div> <div *ngSwitchDefault>Usuario no conocido!</div> </div>
Link de stackblitz: https://angular-ivy-fxkpq6.stackblitz.io
David Flores Rios
Les quiero compartir un pequeño proyecto que hice de preguntas frecuentes, con lo aprendido hasta el momento. https://angular-ivy-zkxcq1.stackblitz.io/
Cursos Vai
Este está una chimba parce
Luis Diego Aguilar Ruiz
Aqui esta mi pequena aplicacion hecha con lo aprendido hasta el moment.
Usuario: Nicobytes Contrasena: angular
Juan Carlos Ortiz Romero
Una de las características de angular es la de crear aplicaciones spa con contenido segmentado y dinámico. La primera característica se consigue gracias a la creación de los componentes vistos en la entrada anterior y la segunda gracias a elementos como las directivas estructurales, las cuales permiten modificar el DOM de la página mediante las directivas estructurales.
Yovany Romero Ramos
Aquí mi práctica de lo que voy aprendiendo con este curso, espero sus comentarios. ♥ https://angular-ivy-ycsufg.stackblitz.io
Jully Evangelina Flórez Fonseca
Dure bastante tiempo en poder adecuarla a como quedo hoy, se que me falta mucho pero me siento ordullosa de mi 😁
Claudia by DesiTech
Que pena llegué a este punto despúes de una sema que lo dejé porque no me muestra en el navegador todo los elementos realizados y al eejcutar desde el windows terminal carga con error y no he podido solucionar si alguien pueda ayudarme, me siento bastate frustrada. 😢 😭 veo que algunos tiene algo me mostrar y yo no. 😩 Los errores son: ``` Watchpack Error: EACCES: permission denied, lstat '/mnt/c/DumpStack.log.tmp' '/mnt/c/hiberfil.sys' '/mnt/c/pagefile.sys' '/mnt/c/swapfile.sys'
Daniel Meza
¿eso te arroja al ejecutar ng serve -o en tu consola?
Jully Evangelina Flórez Fonseca
Hola, me pasaba errores con powershell pero descubri que es mejor desde cmd y llegar a la ruta, verifica bien si estas en la carpeta correcta puede ser un error tambien
Maria Luisa Lufrano
Holiss a todos, este es mi mini ejercicio. Espero que os guste! --> https://angular-ivy-uebs1p.stackblitz.io/
