Angular 6中的异步管道，如何在不使用subscribe（）的情况下将对象存储在组件变量中

Question

考虑以下代码片段，其中我在组件模板中使用异步管道订阅了Observable：

<table>
  <tr *ngFor="let s of data | async">
    <td>some informations</td>
    <button (click)="setObject(s)">Save Object s in components variable</button>
  </tr>
</table>

我的问题是，是否有一种方法可以将从* ngFor中检索到的对象存储在组件局部变量中？ 我知道有一种将其存储在模板变量中的方法，但是我想将其保存在组件变量中。
因此，例如，如果我单击一个按钮，则将调用组件设置器方法以将对象存储在相同类型的组件变量中。

提前谢谢了 ：）

Answer 1

您应该创建一个组件成员并将s分配给它：

export class BlaBlComponent {
  clickedObject;
}

并在您的模板中执行以下操作：

<button (click)="clickedObject = s">Click</button>

这会将s引用存储到组件上的clickedObject成员。 这是非常基础的角度知识，我建议您彻底进行教程并阅读angular.io上的文档。 也许我不明白你的问题的本质

Answer 2

这是例子

<table>
  <tr *ngFor="let s of (data | async) as dt">
    <td>some informations</td>
    <button (click)="setObject(dt)">Save Object s in components variable</button>
  </tr>
</table>

也stackBlitz链接在这里