AngularJS:track by和ng repeat有什么用途

我是angular方面的新手，我阅读了本文档，但不了解使用with ng选项的条款跟踪的目标

这里有一些用法 TrackBy与sql中的ORDERBY子句很接近吗

如果是，那么如何指定ASC或DESC等排序顺序

在最后一段代码中，track by和orderBy都使用…他们正在做什么。不清楚会有什么样的产出

orderBy和track by之间有什么区别

orderBy是我知道的过滤器。因此，“跟踪方式”也是一个过滤器

我知道我在问一个非常基本的问题。基本上张贴在这里，因为事情是不清楚后，从文件阅读。正在寻找一些帮助和示例来了解track by的功能

---

track by与orderby在用法上有何不同？

ngRepeat使用一个函数来跟踪集合中的所有项及其对应的DOM元素

如果向集合中添加了一个新项，ngRepeat将知道所有其他项都已经有DOM元素，并且不会重新呈现它们

如果您有用于ngRepeat的对象，并且它有任何标识字段，如主键值或唯一值，请在track by中使用它

---

好消息是，如果重新加载列表，dome将不会重新渲染现有项，而只渲染新项。

ngRepeat使用一个函数跟踪集合中的所有项及其对应的DOM元素

如果向集合中添加了一个新项，ngRepeat将知道所有其他项都已经有DOM元素，并且不会重新呈现它们

如果您有用于ngRepeat的对象，并且它有任何标识字段，如主键值或唯一值，请在track by中使用它

---

好消息是，如果您正在重新加载列表，dome将不会为现有项重新渲染，而只为新项重新渲染。

默认情况下，orderBy将按升序排列。您可以使用倒序进行降序，如

在HTML模板绑定中

{{orderBy_表达式}orderBy:expression:reverse}

在JavaScript中

$filter'orderBy'数组，表达式，反转

如果确实需要重复项目，可以使用“跟踪方式”表达式将默认跟踪行为替换为自己的跟踪行为

例如，您可以使用特殊作用域属性$index，通过集合中每个项的索引跟踪项：

`<div ng-repeat="n in [42, 42, 43, 43] track by $index">

 {{n}}

</div>`

---

默认情况下，orderBy将按升序排列。您可以使用倒序进行降序，如

在HTML模板绑定中

{{orderBy_表达式}orderBy:expression:reverse}

在JavaScript中

$filter'orderBy'数组，表达式，反转

如果确实需要重复项目，可以使用“跟踪方式”表达式将默认跟踪行为替换为自己的跟踪行为

例如，您可以使用特殊作用域属性$index，通过集合中每个项的索引跟踪项：

`<div ng-repeat="n in [42, 42, 43, 43] track by $index">

 {{n}}

</div>`

---

---

阅读“跟踪和复制”部分中的。阅读“跟踪和复制”部分中的。向我展示一个示例，通过该示例，我可以了解track by与ng repeat之间的关系。我已经访问了您提供的链接，但不清楚track by和orderby是做什么的？您的问题中已经有示例，假设在第一个示例中再添加一个值60，angular将不会渲染项目的其余部分，因为它已经存在，它将只添加一个值60。请在答复任何人或任何内容之前阅读，很难说服你。请给我一个例子，我可以通过它了解track by对ng repeat的作用。我已经访问了你提供的链接，但不清楚track by和orderby的作用是什么？你的问题中已经有例子了，假设你在第一个例子中又增加了一个值60，然后angular将不会渲染项目的其余部分，因为它已经存在，它只会再添加一个60。请在答复任何人或任何内容之前阅读，很难说服你。你能看到mu发布的代码并帮助我理解第四组和第五组代码的含义吗。在模型对象中，如果你的id属性是唯一的，并且可能是名称属性是重复的，则执行此场景{{model.name}}如果在obj对象中没有唯一的属性，则执行{{obj.prop}如果要按id属性跟踪和按id属性排序，请选择{{model.name}它将首先按升序排序，然后再进行跟踪，以获得更清晰的信息。请查看mu发布的代码，并帮助我理解第4组和第5组代码的含义。在模型对象中，如果您的id属性是唯一的，并且可能是名称属性重复，请执行此场景{{model.name}如果在obj对象中没有唯一的属性，那么选择{{obj.prop}}如果您想按id属性和顺序按id属性跟踪，那么选择{model.name}它将首先按升序排序，然后再执行跟踪。要获得更清晰的信息，请执行此操作