Javascript 如何在同一个表中处理多个ng重复并正确显示数据

好的，所以我有点被这个问题卡住了，因为我的表中的数据没有正确显示。我有多个ng重复，我根本无法组织我的表。 这是我的HTML代码：

  <tbody>
        <tr ng-repeat="wagon in vm.wagons">
            <td style="padding: 5px 5px; text-align: left;">
                <div>
                    <span class="suggestion-remove-button" style="margin-right: 10px;"><i style="margin-left:25%" class="ion-ios-close-outline" ng-click="vm.removeWagon(wagon, $index)"></i></span><span>{{wagon.name}}</span>
                </div>
            </td>
            <td style="padding: 5px 5px;">
                <span>
                <div ng-repeat="load in vm.suggestion.feeding_1.loads track by $index" class="editable-suggestion-value">
                    <span class="suggestion-remove-button" style="margin-right: 10px;"><i class="ion-ios-close-outline" ng-click="vm.removeLoad($index, 'feeding_1')" ng-hide="vm.wagons && vm.wagons.length == 0"></i></span> <data-i18n i18n="_m_f_recipe_load_">Load</data-i18n>&nbsp;{{$index+1}}:&nbsp;<span class="editable-load-value" ng-click="vm.wagons && vm.wagons.length > 0 && vm.openEditLoadModal($index, 'feeding_1')">{{load.value}}</span>{{vm.weight}} <span>({{load.wagon_name}})</span>
                </div>
            </span>
            </td>
            <td style="padding: 5px 5px;">
                <span>
                <div ng-repeat="load in vm.suggestion.feeding_2.loads track by $index" class="editable-suggestion-value">
                    <span class="suggestion-remove-button" style="margin-right: 10px;"><i class="ion-ios-close-outline" ng-click="vm.removeLoad($index, 'feeding_2')" ng-hide="vm.wagons && vm.wagons.length == 0"></i></span><data-i18n i18n="_m_f_recipe_load_">Load</data-i18n>&nbsp;{{$index+1}}:&nbsp;<span class="editable-load-value" ng-click="vm.wagons && vm.wagons.length > 0 && vm.openEditLoadModal($index, 'feeding_2')">{{load.value}}</span>{{vm.weight}} <span>({{load.wagon_name}})</span>
                </div>
                </span>
            </td>
            <td style="padding: 5px 5px;">
                <span>
                <div ng-repeat="load in vm.suggestion.feeding_3.loads track by $index" class="editable-suggestion-value">
                    <span class="suggestion-remove-button" style="margin-right: 10px;"><i class="ion-ios-close-outline" ng-click="vm.removeLoad($index, 'feeding_3')" ng-hide="vm.wagons && vm.wagons.length == 0"></i></span> <data-i18n i18n="_m_f_recipe_load_">Load</data-i18n>&nbsp;{{$index+1}}:&nbsp;<span class="editable-load-value" ng-click="vm.wagons && vm.wagons.length > 0 && vm.openEditLoadModal($index, 'feeding_3')">{{load.value}}</span>{{vm.weight}} <span>({{load.wagon_name}})</span>
                </div>
                </span>
            </td>
        </tr>
        <tr>
            <td style="padding: 5px 5px;" class="mixing-suggestion-primary">
                <data-i18n i18n="_m_f_recipe_number_of_loads_">Number of loads</data-i18n>
            </td>
            <td style="padding: 5px 5px;">{{vm.suggestion.feeding_1.number_of_loads}}</td>
            <td style="padding: 5px 5px;">{{vm.suggestion.feeding_2.number_of_loads}}</td>
            <td style="padding: 5px 5px;">{{vm.suggestion.feeding_3.number_of_loads}}</td>
        </tr>
    </tbody>

{{wagon.name}
Load{{$index+1}}:{{Load.value}{{{vm.weight}}（{{Load.WANGU\U name}}）
Load{{$index+1}}:{{Load.value}{{{vm.weight}}（{{Load.WANGU\U name}}）
Load{{$index+1}}:{{Load.value}{{{vm.weight}}（{{Load.WANGU\U name}}）
装载数量
{{vm.suggestion.feeding_1.u加载数}
{{vm.suggestion.feeding_2.u加载数}
{{vm.suggestion.feeding_3.u加载数}

所以我想要的是显示每辆货车的负载。这就是现在的样子。。仅显示第一辆货车的装载量

---

如果您需要更多的代码，我可以提供

如果您可以提供有帮助的货车装载json数据：{value:454，货车id:57，货车名称：“W2”}；货车：{create_date:“2019-09-25T09:10:20Z”，herd_id:630，id:57，name:“W2”，所有货车的数量：null，selected:true，value:4540，visible:true，volume:0，weight:4.54}如果您希望将货物连接到第一列中的货车，然后，您应该组织您的数据，以便负载是vm.wagons中货车对象的一部分。知道如何做到这一点吗？我在这里开始了一个提琴。由于我错过了你的大部分应用程序，我不得不做一些猜测。这只是一个开始。我建议玩一下，看看它是如何工作的。