带有角度js的级联下拉列表[重复]答案

【问题标题】：Cascading dropdown with angular js [duplicate]带有角度js的级联下拉列表[重复]
【发布时间】：2015-03-04 20:36:52
【问题描述】：

我正在尝试使用 Angular js 和嵌套 json 创建级联下拉菜单。

这是我的 json：

'ListItems':[ {
               'CountryName':'India',
                  'states': [{
                     'stateName':'Maharashtra',
                         'cities': 
                           [{'cityName':'Pune'}, 
                            {'cityName':'Mumbai'}, 
                            {'cityName':'Nagpur'},
                            {'cityName': 'Akola'}
                           ]},
                       {
                     'stateName':'Madhya Pradesh',
                         'cities': 
                           [{'cityName':'Indore'}, 
                            {'cityName':'Bhopal'}, 
                            {'cityName':'Jabalpur'}
                           ]} 
                      ]},
                 {
               'CountryName':'USA',
                  'states': [{
                     'stateName':'Alabama',
                         'cities': 
                           [{'cityName':'Montgomery'}, 
                            {'cityName':'Birmingham'}
                           ]},
                       {
                     'stateName':'California',
                         'cities': 
                           [{'cityName':'Los-Angeles'}, 
                            {'cityName':'San-Francisco'}
                           ]} 
                      ]}

有两个国家。每个国家都包括州，每个州都包括城市。

【问题讨论】：

如果这不是重复的，它仍然应该被关闭，因为你的问题没有显示出任何努力自己来完成。
甚至不清楚预期的结果是什么，我将级联下拉列表解释为<select>，但其他人认为这是<ul> 结构。提供预期结果以及您为实现这些结果所做的尝试

标签： javascript json angularjs cascadingdropdown

【解决方案1】：

使用 ng-repeat 解析元素

    <ul>
      <li ng-repeat="item in ListItems">
        {{item}}
        <ul>
            <li ng-repeat="state in item" >{{state.stateName}}</li>
            ... etc
         </ul>
      </li>
   </ul>

【讨论】：