Javascript数组在前面而不是后面显示新条目

我有一个表，我正试图在表的末尾添加一个空行。（最终我将添加输入框并允许保存）

单击之前：

单击后：

如您所见，空TR弹出到页面上数组的前面，但是：

数组中的数据顺序正确，屏幕只是将它们放在前面

---

为什么新的tr没有添加到表的末尾？

奇怪。。。它应该按那个顺序迭代。。。尝试在您的中继器上粘贴一个

orderBy

子句。@tymeJV我认为这是正确的想法，但由于我添加了一个空子句，它仍然将其放在前面。我猜“”在1之前？你为什么不；t将

$scope.rule

推到内部，而不是更新仍然存在相同问题的引用

rule

@pankajparkar。它没有附加到列表的末尾，然后使用依赖过滤器orderby

Id

<div ng-repeat="rule in model.rules">
    <table id="" datatable="ng" dt-options="dtOptions" dt-columns="dtColumns" class="table-bordered" style="margin-bottom: 2%">
        <caption>{{rule.CategoryName}}</caption>
        <thead>
            <tr>
                <th>Order</th>
                <th>Rule</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="subRule in rule.Rules">
                <td>{{subRule.Sequence}}</td>
                <td>{{subRule.Name}}</td>
                <td><button type="button" ng-click="removeRule($subRule)" class="btn btn-danger"><i class="fa fa-trash-o"></i></button></td>
            </tr>
        </tbody>
    </table>
    <button class="btn btn-success" ng-click="addRule(rule)">Add Rule</button>
</div>

$scope.addRule = function (rule) {
    rule.Rules.push({ key: rule.Rules.length });
    console.log(rule.Rules);
};