我如何 ng-repeat 在两个数组上 AngularJs Ionic

Question

我有侧边菜单，菜单下有手风琴。

我用我的控制器填充菜单下的那些，所以我这样做了：

controller.js :

$scope.groupsR = [];
for (var t=0; t<1; t++) {
  $scope.groupsR[t] = {
    name: "Reporting",
    titles: [],
    urls: []
  };
  for (var u=0; u<2; u++) {
    switch (u){
      case 0 : $scope.groupsR[t].titles.push("Pilotage Commercial");
               $scope.groupsR[t].urls.push("pilotageCommercial");
        break;
      case 1 : $scope.groupsR[t].titles.push("Pilotage BackOffice");
               $scope.groupsR[t].urls.push("pilotageBackOffice");
        break;
    }
  }
}

menu.html :

<ion-item class="item-accordion"
                ng-repeat="title in groupR.titles"
                ng-repeat = "url in groupR.urls"
                ng-show="isGroupShown(groupR)"
                ui-sref="menu.{{url}}"
                menu-close="">
        {{title}}
</ion-item>

下面的菜单出现了正确的标题，但 url 是错误的..

Answer 1

使用第一个索引 ng-repeat:

{{ groupR.urls[$index] }}

编辑：更好的是：

switch (u){
    case 0: angular.extend($scope.groupsR[t], {
        title: "Pilotage Commercial",
        url: "pilotageCommercial"
    });
    break;
    case 1: angular.extend($scope.groupsR[t], {
        title: "Pilotage BackOffice",
        url: "pilotageBackOffice"
    });
    break;
}

与：

<ion-item class="item-accordion"
    ng-repeat="item in groupR"
    ng-show="isGroupShown(groupR)"
    ui-sref="menu.{{item.url}}"
    menu-close="">
    {{item.title}}
</ion-item>

这在您使用筛选或排序时也有效，因为这会扰乱 $index 变量

我如何 ng-repeat 在两个数组上 AngularJs Ionic

how can i ng-repeat on two arrays AngularJs Ionic

javascript

angularjs

ng-repeat

angularjs-ng-repeat

ionic-framework

编辑：更好的是：