javascript - DebugElement.children 的顺序不同于 NativeElement.children

Question

我有一个 html 表，想要获取所有行。但是，在 DebugElement 或 NativeElement 上调用 .children 会返回不同的顺序。

我的 table :

<tbody>
  <tr>
    <td>1</td>
  </tr>
  <tr>
    <td>2</td>
  </tr>
  <tr>
    <td>3</td>
  </tr>
</tbody>

在第一个日志中的 DebugElement 和第二个日志中的 NativeElement 上调用 .children(将它们都转换为数组):

const table: DebugElement = fixture.debugElement.query(By.css('table'));  
console.log(table.query(By.css('tbody')).children.map(e => e.nativeElement));
console.log(Array.from(table.query(By.css('tbody')).nativeElement.children));

第一个记录以下列表:

[
  <tr>
    <td>2</td>
  </tr>,
  <tr>
    <td>1</td>
  </tr>,
  <tr>
    <td>3</td>
  </tr>
]

而第二个记录以下内容:

[
  <tr>
    <td>1</td>
  </tr>,
  <tr>
    <td>2</td>
  </tr>,
  <tr>
    <td>3</td>
  </tr>
]

为什么第一个日志中的顺序被调换了？ API 行为有区别吗？

Answer 1

这似乎是 Angular 最近的一个错误:https://github.com/angular/angular/issues/13066 .