Angularjs: Вложенные повторение в угловом не работает

Question

После this article

Но это, казалось, не работать на моей структуре JSON. Вот мой JSON

$scope.trucks = [{ 
 
    id: 4, 
 
    truckNumber: '50LD 02456', 
 
    driverName: 'Dẻo', 
 
    shipments: [{ 
 
    id: 1, 
 
    routeCode: "THC-VinhHao", 
 
    trip: 2 
 
    }, { 
 
    id: 2, 
 
    routeCode: "THC-VinhHao(R)", 
 
    trip: 3 
 
    }, { 
 
    id: 3, 
 
    routeCode: "THC2-Hiệp Thành HM", 
 
    trip: 3 
 
    }] 
 
}, { 
 
    id: 5, 
 
    truckNumber: '61C 03948', 
 
    driverName: 'Hưng', 
 
    shipments: [{ 
 
    id: 4, 
 
    routeCode: "TBC-VBL HMo", 
 
    trip: 1 
 
    }, { 
 
    id: 5, 
 
    routeCode: "THC2-Hiệp Thành HM", 
 
    trip: 4 
 
    }] 
 
}];

<ul> 
 
    <li data-ng-repeat="truck in trucks"> 
 
    {{truck.truckNumber}} 
 
    <br /> 
 
    <ul> 
 
     <li data-np-repeat="shipment in truck.shipments">{{shipment.routeCode}}</li> 
 
    </ul> 
 
    </li> 
 
</ul>

Любая помощь ценится. Спасибо за прочтение.

Answer 1

Пожалуйста, убедитесь, что у вас все правильно написано. ng-repeat был ошибочно записан.

<ul> 
    <li data-ng-repeat="truck in trucks"> 
    {{truck.truckNumber}} 
    <br/> 
    <ul> 
     <li data-ng-repeat="shipment in truck.shipments">{{shipment.routeCode}}</li> 
    </ul> 
    </li> 
</ul> 

Answer 2

<ul> 
    <li data-ng-repeat="truck in trucks"> 
    {{truck.truckNumber}} 
    <br /> 
    <ul> 
     <li data-np-repeat="shipment in truck.shipments">{{shipment.routeCode}}</li> 
    </ul> 
    </li> 
</ul> 

Существует опечатка.

<li data-ng-repeat="shipment in truck.shipments">{{shipment.routeCode}}</li> 

Answer 3

Change np-repeat to ng-repeat then it will work.  
<ul> 
     <li data-ng-repeat="truck in trucks track by $index"> 
      {{truck.truckNumber}} 
     <br /> 
     <ul> 
      <li data-ng-repeat="shipment in truck.shipments track by $index">{{shipment.routeCode}}</li> 
     </ul> 
     </li> 
    </ul>