如何使一個NG重複在不同行不同列上工作

-1

"a":[{ 
    "name": "a's name" 
    "b":[{ 
     "name":"b's name" 
     "c":[{ 
      "name": "c's name" 
      "d":[{ 
       "name":"d's name" 
      }] 
     }] 
    }] 
}]

顯示制定這樣的數據，我試過，但它不能正常工作

tr 
    td(ng-repeat="oneB in a.b") 
    | {{oneB.name}} 
tr 
    td(ng-repeat="oneC in oneB.c") 
    | {{oneC.name}} 
tr 
    td(ng-repeat="oneD in oneC.d") 
    | {{oneD.name}}

而且這個

tr 
    td(ng-repeat-start="oneB in a.b") 
    | {{oneB.name}} 
tr 
    td(ng-repeat-end,ng-repeat-start="oneC in oneB.c") 
    | {{oneC.name}} 
tr 
    td(ng-repeat-end,ng-repeat="oneD in oneC.d") 
    | {{oneD.name}}

我真的需要幫助。

我目前發展MEAN堆棧（MongoDB的Express.js Angular.js和Node.js的），也PUG

desired Image

JSON Image

來源

2017-09-24 red

我認爲你的json結構不是最適合你的目標的結構。你想要的輸出是什麼？ – firegloves

如果您正在開發平均堆棧，並且您已對服務進行控制，請調整您的json對象以匹配更簡單的結構 – firegloves

@firegloves我添加了所需的輸出。 name：「desired Image」 – red

希望這有助於

var app = angular.module('App', []); 
 

 
app.controller('Ctrl', function($scope) { 
 

 
    $scope.data = [{ 
 
    "name": "a's name", 
 
    "b":[{ 
 
     "name":"b's name", 
 
     "c":[{ 
 
      "name": "c's name", 
 
      "d":[{ 
 
       "name":"d's name" 
 
      }] 
 
     }] 
 
    }] 
 
}]; 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 

 
<div ng-app="App"> 
 
    <div ng-controller="Ctrl"> 
 
    
 
    <pre>{{data | json}}</pre> 
 
    
 
    <div ng-repeat="a in data"> 
 
     {{ a.name }} 
 
     <div ng-repeat="b in a.b"> 
 
     {{ b.name }} 
 
     <div ng-repeat="c in b.c"> 
 
      {{ c.name }} 
 
      <div ng-repeat="d in c.d"> 
 
      {{ d.name }} 
 
      </div> 
 
     </div> 
 
     </div>  
 
    </div> 
 
    
 
    
 
    </div> 
 
</div>

來源

2017-09-24 12:46:18

它會工作，但不會給我我想要的輸出。 – red

如何使一個NG重複在不同行不同列上工作

回答

相關問題