Skip to main content
1 de 2

Trabajar con select Angular

Buenas tardes,

estoy aprendiendo angular y no se bien como trabajar con select quiero tener dos select y que el segundo dependa del 1.

Por ejemplo:

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

select 2 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 informaicion relacionada con frutas Platano, manzana.

Tambien necesito saber como puedo poner un valor que aparezca por defecto en el option

Muchas gracias por vuestras respuestas