javascript - 了解 ng-table 演示中的延迟排序示例

Question

我正在尝试使用此处显示的示例 http://bazalt-cms.com/ng-table/example/3

以下是其中的一些片段:

<table ng-table="tableParams" class="table">
        <tr ng-repeat="user in $data">
            <td data-title="'Name'" sortable="'name'">
                {{user.name}}
            </td>
            <td data-title="'Age'" sortable="'age'">
                {{user.age}}
            </td>
        </tr>
    </table>

这是js脚本中的数据初始化:

var data = [{name: "Moroni", age: 50},
                {name: "Tiancum", age: 43},
                {name: "Jacob", age: 27},
                {name: "Nephi", age: 29},
                {name: "Enos", age: 34},
                {name: "Tiancum", age: 43},
                {name: "Jacob", age: 27},
                {name: "Nephi", age: 29},
                {name: "Enos", age: 34},
                {name: "Tiancum", age: 43},
                {name: "Jacob", age: 27},
                {name: "Nephi", age: 29},
                {name: "Enos", age: 34},
                {name: "Tiancum", age: 43},
                {name: "Jacob", age: 27},
                {name: "Nephi", age: 29},
                {name: "Enos", age: 34}]; 

有两点我不明白: 1、为什么ng-repeat子句中有$符号？ <tr ng-repeat="user in $data"> 如果我使用 $ of，该示例将不起作用。

1. 我不明白示例中的 $defer 部分。我尝试阅读文档并查看有关 defer 功能的示例，但我没有理解。 如何调用:

   $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()));
   

影响范围数据参数，它是否与它在 html 中有一个美元符号的事实有关(正如我在上一个问题中提到的)？

Answer 1

1. 与表格保持元素的数组名称无关 将实际对象暴露给 $scope。你可以改变发生 DemoCtrl 中的“数据”，您将看到它。 $data 是暴露给 ng-table directive scope 的对象在 getData 方法中解析 promise 之后。

2. 我仍然对 $defers 有疑问。您的问题促使我填补知识空白:

   Promises in AngularJS and where to use them?

   AngularJS Promises - The Definitive Guide