Varios select en angular.

[jlgarcia1977]

Tengo un problema.
Tengo dos select relacionados.
Si pongo:

Código HTML:

<select ng-options="pb.id as pb.nombre for pb in plantillaPreguntaModalController.plantillasBloques"
             ng-model="plantillaPreguntaModalController.plantillaBloqueSelected.id"
             id="source" style="width:100%"></select>
 
<select ng-options="pa.id as pa.nombre for pa in plantillaPreguntaModalController.plantillaBloqueSelected.plantillasAgrupadores"
             ng-model="plantillaPreguntaModalController.plantillaPregunta.plantillaAgrupadorPadre.id"
             id="source" style="width:100%">
</select>
 

Al poner con ".id" si viene precargado con valor plantillaBloqueSelected, me carga selected bien, osea en el primer select me sale por defecto el valor que venga, pero si lo cambio por otra opción no refresca los hijos de segundo select.

Y si si lo hago de la siguiente manera.

Código HTML:

<select ng-options="pb as pb.nombre for pb in plantillaPreguntaModalController.plantillasBloques"
                    ng-model="plantillaPreguntaModalController.plantillaBloqueSelected"
                    id="source" style="width:100%">
</select>
 <select ng-options="pa.id as pa.nombre for pa in plantillaPreguntaModalController.plantillaBloqueSelected.plantillasAgrupadores"
              ng-model="plantillaPreguntaModalController.plantillaPregunta.plantillaAgrupadorPadre.id"
               id="source" style="width:100%">
</select>
 

Si no pongo el ".id", no me pone selected, osea no me precarga el primer select con el valor que viene, pero si cambio el valor del primer select si que me actualiza el segundo con su hijos.

El objeto plantillaBloqueSelecte es el siguiente:

Alguien me puede ayudar como puedo solucionar el problema.
Gracias.