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