javascript - 为所有 ng-repeat 分开 ng-repeat..？

Question

所以我有这个小问题。我对所有项目使用 ng-repeat，我们称它们为国家，每个项目本身都有一个 ng-repeat 作为城市等子类别。我用国家/地区填充下拉菜单。

所以我有这样的国家列表:

美国

德国

西类牙

意大利

现在这是 1 次重复，现在当我点击 1 个国家/地区时，会发生以下情况:

美国

德国

• 斯图加特
• 柏林
• 科隆
• 慕尼黑

西类牙

意大利

到目前为止一切顺利，现在当我打开另一个国家时会发生以下情况:

美国

德国

• 斯图加特
• 柏林
• 科隆
• 慕尼黑

西类牙

• 斯图加特
• 柏林
• 科隆
• 慕尼黑

意大利

只有一个列表可以处于事件状态，1 个国家/地区的 1 个列表，我该如何解决此问题？我希望每个国家都能够通过点击打开他们的列表。有人有主意吗？或者至少你能给我一些建议吗？这是一个常见问题吗？

编辑: 一些代码:

<div class="category-body" ng-repeat="c in Country">
  <div class="category-main" ng-click="GetCities(c.Id);">
   <label class="pull-left">{{c.Name}}</label><input type="checkbox" class=" openSubCat" >
                </div>

 <div class="category-sub">
    <div class="item" ng-repeat="L in Cities" >
      <label class=" pull-left">
                                                        {{L.Name}}

Angular代码

$scope.GetCountries= function() {
        $http.get('myURL')
            .then(Countries, ErrorResponse);
    }
 $scope.GetCities= function(id) {
        $http.get('myURL' + id)
            .then(Cities, ErrorResponse);
    }

编辑不是我的 plnkr，但这是我想要实现的想法:

http://jsfiddle.net/benfosterdev/NP7P5/

Answer 1

将您选择的国家/地区城市保留在 JSON 对象中。

var selectedCities = {"usa:[list of usa cities],"india":[list of india cities]};

根据所选城市中是否选择国家/地区添加或删除 key 。