簡體   English   中英

Angular 6中的異步管道,如何在不使用subscribe()的情況下將對象存儲在組件變量中

[英]Async pipe in Angular 6, how to store object in components variable without subscribe()

考慮以下代碼片段,其中我在組件模板中使用異步管道訂閱了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中檢索到的對象存儲在組件局部變量中? 我知道有一種將其存儲在模板變量中的方法,但是我想將其保存在組件變量中。
因此,例如,如果我單擊一個按鈕,則將調用組件設置器方法以將對象存儲在相同類型的組件變量中。

提前謝謝了 :)

您應該創建一個組件成員並將s分配給它:

export class BlaBlComponent {
  clickedObject;
}

並在您的模板中執行以下操作:

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

這會將s引用存儲到組件上的clickedObject成員。 這是非常基礎的角度知識,我建議您徹底進行教程並閱讀angular.io上的文檔。 也許我不明白你的問題的本質

這是例子

<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鏈接在這里

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM