angularjs charge option de liste déroulante valeur

j'ai réussi à mettre en place une personne à charge déroulant en utilisant angularjs, mais j'ai un petit problème:

j'ai besoin de définir la valeur de chaque option balise parce qu'il est mis en place automatiquement par angulaire du processeur.

voici mon code html:

            <div ng-controller="CountryCntrl">

                 <select id="country" ng-model="states" ng-options="country for (country, states) in countries"> 
                  <option value=''>Choose</option>
                 </select>

                Departement: 
                <select id="state" ng-disabled="!states">
                <option value="">Choose</option>
                <option ng-repeat="state in states" value="{{state.id}}">{{state.dep}}</option>
                </select>
            </div>

            <br/>
            <input type="submit" value="go">

et voici mon code angularjs:

<script>
    var Aplic = angular.module("Aplic", []);

    Aplic.controller('CountryCntrl', function($scope){

        $scope.countries = {
                        'Aquitaine': [ {'id':'22', 'dep': "Dordogne"}, { 'id':'31', 'dep' : "Gironde"} ], 
                        'Auvergne':  [ {'id' : '3', 'dep' : "Allier"}, {'id' : '15', 'dep' : "Cantal"} ]
                        };            
    });

    </script>

Je le répète, j'ai réussi à configurer la valeur de l'option dans la deuxième liste déroulante, mais pour le premier il prend automatiquement le nom de la variable pays.

alors, comment dois-je modifier mon code pour donner à chaque balise d'option dans la première liste déroulante une valeur spécifique.

de bien comprendre mon idée, s'il vous plaît examinez les valeurs dans chaque liste déroulante. voici mon travail extrait sur plunker:

http://embed.plnkr.co/VBdxGDQNOJSHeGVfloo2/preview

toute aide sera appréciée.

---

voici ce que je veux faire:

<select id="state" ng-model="cou">
                        <option value="">Choisir</option>
                        <option ng-repeat="cou in countries" value="{{cou.id}}">{{cou.name}}</option>
                    </select>

                    <select id="state" ng-disabled="!cou">
                        <option value="">Choisir</option>
                        <option ng-repeat="state in cou.states" value="{{state.id}}">{{state.dep}}</option>
                    </select>

mais maintenant, la deuxième liste déroulante ne fonctionne pas, si vous pouvez eci que le problemwill être résolu