Skip to main content
2 de 2
Correccion ortográfica
devconcept
  • 12.8k
  • 3
  • 42
  • 57

Select dependiente en angular

Buenas tardes.

Estoy aprendiendo angular y no se bien como trabajar con los select. Quiero tener dos select y que el segundo dependa del primero.

Por ejemplo:

select 1
<select> 
<option>Animales</option>
<option> Frutas</option>
</select>

En caso de seleccionar Frutas en el 1 select debe aparecer en el select 2 las frutas, caso contrario aparece los nombres de los animales pero no los dos tipos frutas y animales al mismo tiempo por eso digo que el 2 select depende del 1.

select 2
<select> 
<option>Perro</option>
<option>Gato</option>
</select>

<select> 
<option>Platano</option>
<option>Manzana</option>
</select>

Cuando haga click en el option1 y se muestre las dos opciones Animales y Frutas y seleccionar Frutas en el 2 option deberia aparecer la información relacionada con frutas Platano, Manzana.

También necesito saber como puedo poner un valor que aparezca por defecto en el option

Muchas gracias por vuestras respuestas