如何在Angular 2模板中迭代可观察到的数组流？

在Angular 2模板中迭代可观察到的数组流，可以使用Angular的内置指令*ngFor来实现。*ngFor指令允许我们在模板中迭代数组，并为每个元素生成相应的HTML。

以下是在Angular 2模板中迭代可观察到的数组流的步骤：

1. 在组件中创建一个可观察到的数组流。可以使用RxJS的Observable类来创建可观察对象，并使用of操作符将数组转换为可观察对象。例如：

import { Observable, of } from 'rxjs';

// 假设有一个名为items的数组
const items = ['item1', 'item2', 'item3'];

// 将数组转换为可观察对象
const items$ = of(items);

1. 在模板中使用*ngFor指令来迭代可观察到的数组流。将*ngFor指令应用于一个HTML元素，使用let关键字来定义一个临时变量来表示当前迭代的元素。例如：

<ul>
  <li *ngFor="let item of items$ | async">{{ item }}</li>
</ul>

在上面的示例中，items$是可观察到的数组流，async管道用于订阅可观察对象并自动更新模板。

1. 在组件中订阅可观察到的数组流（可选）。如果需要在组件中对可观察对象进行进一步处理，可以使用subscribe方法订阅可观察对象。例如：

items$.subscribe(items => {
  // 对数组进行进一步处理
});

这样，当可观察到的数组流发生变化时，模板中的迭代也会自动更新。

总结起来，要在Angular 2模板中迭代可观察到的数组流，需要创建一个可观察对象表示数组，然后在模板中使用*ngFor指令来迭代该可观察对象。