無法從異步管道 Observable 中設置信號

[英]Can't set signal from within async piped Observable

當我嘗試從通過管道傳輸到async的Observable中設置signal值時，出現錯誤： 錯誤：NG0600：默認情況下不允許在computed或effect中寫入信號。 在CreateEffectOptions中使用allowSignalWrites以啟用此內部效果。 但我不在computed或 ...

為什么 runOutsideAngular 回調中的 setTimeout 會跳過可觀察對象的變化檢測，即使手動調用 markForCheck 也是如此？

[英]Why does setTimeout inside runOutsideAngular callback skip change detection for the observable, even if markForCheck is called manually?

我注意到 Angular 中變化檢測的一個奇怪行為。當 Observable 像示例中那樣更新時，由於某種原因沒有觸發變化檢測。 這里的關鍵是在回調中調用的setTimeout ，如果你刪除它，變化檢測將正常工作。 markForCheck內部AsyncPipe也按應有的方式調用。@Compon ...

在異步 pipe 和 Angular 中使用聯合類型變量

[英]Use union type variable in an async pipe with Angular

我的模板包含一個異步 pipe 用於與聯合類型變量的輸入綁定： <app-mycomponent *ngSwitchCase="'myType'" [target]="myVar| async"></app-mycomponent> myVar 是 Observable 或 ...

在模板中使用異步 pipe 時如何避免對后端的多個可觀察請求

[英]How to avoid multiple observable requests to the backend when using async pipe in template

我正在嘗試將個人 Arrays 返回到 mat-option-select 中的每個條目，條件是某些條件。 但是當我使用 getFoos(rowIndex, matSelectIndex) | 異步。 它導致對后端的多個請求。 這是我的調用堆棧， **在HTML 模板：** 我的 ts 文件中的 ...

嵌套對象的角度鍵值管道

[英]Angular Keyvalue pipe for nested object

我有返回對象的可觀察對象的 http 請求。 它包含許多屬性。 其中之一是包含兩個鍵值（英制和公制）的“重量”對象。 我試圖遍歷對象的鍵值，但我在渲染嵌套對象時遇到問題，它只是顯示 我的代碼 我的方法很明確 並且不適用於可觀察對象中包含的其他對象，我認為這並不是解決問題的好方法。 可觀察對象返回的數 ...

模板中同一可觀察對象上的多個異步 pipe 是否會導致更多更改檢測？

[英]does multiple async pipe on a same observable in template cause more change detections?

我正在處理遺留的 angular 代碼，原來的開發人員已經不在了。 我在模板中看到了很多異步管道。 它會導致更多的變化檢測嗎？ 模板： 我應該重構代碼，讓父組件模板異步 pipe cart$並將其傳遞給子組件嗎？ 我知道這樣代碼更簡潔，除此之外，還有其他優點嗎？ 謝謝！ ...

處理異步 Pipe 渲染的 Observable 的正確方法

[英]Proper Way for Handling Observables for Async Pipe Rendering

我正在嘗試從 Observable Object 中檢索信息。但我不知道如何正確地執行此操作。 例如，狗 API 它應該返回 JSON object 為此，我有一個服務 function 然而，當我嘗試在 HTML 上渲染它時 我收到錯誤信息 另外，有人可以簡單地向我解釋這個 function 的作 ...

Angular 異步 Pipe - Observable 中的數組 Object

[英]Angular Async Pipe - Array in Object in Observable

我正在嘗試學習 Async Pipe 以及如何使用它們。 但是我在以下情況下使用 Async Pipe 時遇到問題； 我正在使用這個假/虛擬 API Cat API我不知道如何檢索可觀察值內的 Object 數據。 TS代碼 界面 HTML HTTP 售后服務 我嘗試異步 pipe 結果，H ...

避免 angular 中的 memory 泄漏的最佳實踐

[英]Best practices for avoiding memory leaks in angular

我正在嘗試在我的 angular/spartacus 應用程序中檢測並修復潛在的 memory 泄漏。 所以基本上我在我的代碼庫中尋找任何“訂閱（...”）調用並評估我能做什么。 我知道最簡單的形式是直接在 html 中使用 observables 並通過使用異步管道而不是調用 subscribe ...

Angular 異步 pipe 不訂閱

[英]Angular async pipe doesn't subscribe

在 Angular (v12) 我有你可以在下面看到的組件： 組件.html 組件.ts 使用async pipe 用戶將獲得永久加載，而如果我this.getUserInfo.pipe(..).subscribe()記錄正確的響應。 我知道async pipe 訂閱和取消訂閱 observable ...

ASYNC pipe 不適用於 BehaviorSubject

[英]ASYNC pipe not working on BehaviorSubject

我正在嘗試使用 Async pipe 但是當我觸發一些新數據到我的 BehaviorSubject 時，主題甚至沒有獲取該值。 如果我通過手動訂閱更改異步 pipe，我會收到該值，但視圖仍未更新。 對於這種情況，我必須使用手動檢測更改。 服務： 成分： HTLM：應用組件： 工具欄組件： 如果您 ...

ngFor 用於 Angular 中復雜的嵌套 JSON 數據

[英]ngFor for complex nested JSON data in Angular

我有一個復雜的嵌套 Json，為了深入訪問以在視圖 (HTML) 上顯示，ngFor 的代碼是什么？ 我正在使用異步管道。 我想獲得經度\緯度的顯示值。 數據嵌套 4 級，如下所示： ...

類型“AA”不可分配給類型“NgIterable”<any> | 空 | 在 Angular 中未定義

[英]Type 'AA' is not assignable to type 'NgIterable<any> | null | undefined' in Angular

我有以下接口，其中 Response 具有數組和對象。 我想使用提供的 url 中的ASYNC Pipe顯示數據。 結果是數組，信息是對象。 為了顯示 Info 的值，我收到錯誤消息 **錯誤 TS2322：類型 'Info' 不可分配給類型 'NgIterable | 空 | 不明確的'。 * ...

NG02200：找不到“對象”類型的不同支持對象“[對象對象]”

[英]NG02200: Cannot find a differ supporting object '[object Object]' of type 'object'

作為 Angular\TS 的新手，我想使用 Async Pipe 來顯示 JSON 數據。 以下是帶有模型接口的代碼。它編譯但在控制台中給出錯誤並且不顯示任何內容。 我想使用給定的特定 URL。 錯誤是 找不到“object”類型的不同支持對象“[object Object]”。 NgFor 只 ...

角度異步管道僅顯示數組的第一個元素

[英]Angular async pipe displays only the first element of array

我有一個字符串數組，我從可觀察到的值作為值。 在視圖中，我嘗試使用async pipe顯示值。 模板僅顯示最后一項的值並將其乘以接收對象的數量。 當我將值記錄到 subscribe 方法內的控制台時，結果將按應有的方式顯示。 組件.ts 組件.html 不確定它是否相關，但我正在 ...

異步 pipe 不更新視圖

[英]Async pipe not updating the view

復現 https://stackblitz.com/edit/angular-rlqkyb 應用服務創建一個具有一些默認值的 BehaviorSubject 的簡單服務，一個 function 將此主題作為可觀察對象返回，最后一個 function 以發出關於該主題的新值。 應用組件該組件僅獲取對服 ...

在 FormArray 中的相應輸入旁邊顯示來自異步管道的值

[英]Display value from async pipe next to corresponding input in FormArray

我需要在“x”個員工的相應員工編號旁邊顯示一個員工姓名。 父表格將提供所需的員工總數。 輸入每個員工編號后，http get 將獲取相應的員工姓名。 然后，如果需要另一個員工，則將顯示下一個員工編號的輸入。 這是一個 Angular 響應式表單，每個員工 id/name 組合都是 FormAr ...

如何在模板中為異步管道初始化一個 observable，試圖模仿訂閱中的分配？

[英]How to initialized an observable for async pipe in the template trying to mimic an assignation in the subscription?

當前代碼正在嘗試使用異步管道方法，而不是在訂閱中使用分配。 但是，如果服務中發生延遲，則初始值不會在模板中呈現，當數據准備好時，值會按預期呈現，我試圖模仿我使用這個時呈現的呈現行為。標題2 。 組件： 模板： 樣本在這個 stackblitz ...

Boost async_pipe 不顯示所有子進程輸出

[英]Boost async_pipe not showing all child process output

我遇到了路障。 下面的代碼有問題，但這只是一個演示； 我想先得到正確的高級邏輯。 這兩個啟動應用程序在到達“就緒”狀態之前輸出了大量的啟動信息。 在此狀態下，程序 A 已准備好通過標准輸入進行用戶輸入。 程序 B 只是通過網絡連接進行監聽——攝取和記錄數據。 理想情況下，使用這個示例程序，我應該 ...

當組件被銷毀時，如何讓我的鏈式可觀察計時器停止執行？

[英]How can I make my chained observable timer stop executing when component is destroyed?

以下是模仿我的代碼的基本可觀察對象： 然后在我的代碼的其他地方，我有一個額外的可觀察層，可以進一步操縱數據以用於特定的組件集。 例子： 然后在我的組件中，我使用帶有異步 pipe 的儀表板指標，如下所示： 我將可觀察對象分解成這樣的原因是因為有不同的組件需要不同分析層的數據，此外，一些組件只需要一 ...