javascript - 我的 ng-repeat 仅按字母顺序工作 |angularJS

Question

我正在尝试实现一个应用程序，其中一个对象中可以有无限数量的产品 JSON

 $scope.tableContent = [
        {
            id: 1,
            sks: 'sk1',
            product1: [],
            product2: []
        },
        {
            id: 2,
            sks: 'sk2',
            product1: [],
            product2: []
        },
        {
            id: 3,
            sks: 'sk3',
            product1: [],
            product2: []
        }];

这里，当我点击 HTML 中的按钮时，直接添加了product3，但是在product9之后，product10出现在product1的下一个 block 中，我后来发现这是因为产品按字母顺序显示

我的 HTML

   </div>
    <!-- in this division the values are the ones to be shown -->

    <div class="row" id="{{x.id}}" ng-repeat="x in tableContent">

        <div class="cell" ng-click=openModal(x)> {{x.sks}} </div>

        <div class="cellD" ng-repeat="(key, value) in x" ng-if="key !== 'id' && key !=='sks' ">
            {{key}}    {{ value }}
            <div class=row ng-repeat=" prod in value">

                <div class=cell>{{prod}}

                </div>

            </div>
            <div class=row>
                <div class="cell" ng-click="modalBoxOpen(key,x.id)">+</div>
            </div></div>

此外，如果给出了 ProductA 或 ProductB 等值，则无论 JSON 中的顺序如何，它们都会按字母顺序显示

Answer 1

这是显而易见的。因为product10 。

如果您想根据这种顺序订购产品，您必须考虑这一点。例如，您可以使用 product09 而不是 product9 或使用比较功能手动处理它。或者您可以使用另一个字段作为订单，例如 id。