Angular ng選項沒有顯示所有元素

我正在使用AngularJS的一些應用程序，我正在使用ng-options指令，但我遇到了一個問題。當我選擇「Provincia」時，「Cantón」 select僅顯示數組中的最後一個元素。Angular ng選項沒有顯示所有元素

任何人都知道是什麼問題？

這是我的HTML代碼：

<div class="form-group"> 
    <select class="form-control" ng-model="selected.provincia" ng-options="p.provincia for p in geografiaCR"> 
    <option value="" disabled selected hidden>Seleccione una provincia</option> 
    </select> 
</div> 
<div class="form-group"> 
    <select class="form-control" ng-model="selected.nombre" ng-options="n.nombre for n in selected.provincia.cantones"> 
    <option value="" disabled selected hidden>Seleccione un cantón</option> 
    </select> 
</div>

這是角碼：

來源

2016-03-28 Jose R. Chacón

什麼用財產具有相同名字的？相反，它應該是 { 省報： '聖何塞'， cantones：[{農佈雷： '聖何塞'}，{農佈雷： '埃斯卡祖'}，{農佈雷： '德桑帕拉多斯'}] } –

你cantones是一個Object其屬性，都會反覆重寫。

變化

cantones: [{nombre: 'Limón',nombre: 'Pocosí',nombre: 'Siquirres', 
      nombre: 'Talamanca',nombre: 'Matina', nombre: 'Guácimo'}]

要

cantones: [{nombre: 'Limón'},{nombre: 'Pocosí'},{nombre: 'Siquirres'}, 
      {nombre: 'Talamanca'},{nombre: 'Matina'}, {nombre: 'Guácimo'}]

也是一樣的，當然其他的..

來源

2016-03-28 06:01:45 Daniel

你可以在[bin]中看到它（http://jsbin.com/yarugu/edit?html,js輸出） –

非常感謝Daniel，它的工作非常完美。 –

請[接受]（http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work）答案，以便對其他人有所幫助。 –

Angular ng選項沒有顯示所有元素

回答

相關問題