ng-optionsを表示する方法

Question

からのng-optionsを作成したい親オブジェクトと子オブジェクトから要素を選択できます。 私のJSONは次のようになります。

{ 
"errors":[ 

], 
"headquarters":{ 
    "id":1, 
    "name":"headquarter name", 
    "departments":[ 
    { 
     "id":2, 
     "name":"department A name", 
     "divisions":[ 
      { 
       "id":6, 
       "name":"Division A name" 
      }, 
      { 
       "id":7, 
       "name":"Division B name" 
      }, 
      { 
       "id":8, 
       "name":"Division C name" 
      } 
     ] 
    }, 
    { 
     "id":3, 
     "name":"department B name", 
     "divisions":[ 
      { 
       "id":11, 
       "name":"Division E name" 
      }, 
      { 
       "id":12, 
       "name":"Division F name" 
      }, 
      { 
       "id":13, 
       "name":"Division G name" 
      } 
     ] 
    } 
    ] 
} 
} 

このJSONから部門ではなく本部は使用が分裂を選択するためのIDを選んで選択されている場合、私はその後、本社または部門を選択したいと。私はこのような何かをしようとしました：

 element.id as element.name for element in user.structure.headquarters && user.structure.headquarters.departments 

しかし、それは動作していません。

これは可能ですか？

他の方法がありますか？

JSONには常に1つの本社があります。

Answer 1

http://plnkr.co/edit/PTWxUHobi7agUlB9fCHv?p=preview

あなたのHTMLは次のようなものになりますあなたが選択した部門から部門最初の部門を選択してから取得するには、このような何かを行うことができます。

<select ng-model="selectedDept" 
     ng-options="dept.id as dept.name for dept in data.headquarters.departments" 
     ng-change="getDivisions()"></select> 


<select ng-if="selectedDept" 
     ng-model="selectedDivision" 
     ng-options="div.id as div.name for div in selectedDivisions"></select>