NgxsModule.forRoot()/NgxsModule.forFeature() 應該如何使用？

[英]How should NgxsModule.forRoot()/NgxsModule.forFeature() be used?

我的項目中有一個主要的app.module.ts ，以及幾個用於不同功能的模塊，例如archive.module.ts 。 我使用本地存儲來恢復頁面刷新時的某些設置，因此我也為此使用了 NgxsStoragePluginModule。 我很困惑我應該在哪個模塊中添加這些行： 在主要的app.mod ...

HTML 編譯被禁止的“空”數據類型阻止，即使 null 不能是一個值

[英]HTML compilation gets blocked by forbidden 'null' data type, even though null can't be a value

我的 HTML 代碼有問題，編譯器死於： HTML 代碼看起來像這樣，我什至在 *ngIf 中檢查 Observable 是否不是 null。 在對應的.ts文件中，實例化這個Observable的代碼是這樣的： 同樣，不可能有 null 溜進來。現在在商店中，項目數組最初是未定義的，然后由 ht ...

Ngx-驗證碼問題

[英]Ngx-Captcha issue

我正在使用https://www.npmjs.com/package/ngx-captcha/v/11.0.0 。 <ngx-recaptcha2 #captchaElem [siteKey]="'6Leh1ZIjAAAAAG8g0BuncTRT-VMjh3Y7HblZ9XSZ'" (suc ...

為什么舊數據會保留在組件中以及如何重置它

[英]Why old data persists in component and how can I reset it

我在 NGXS state 中獲取數據 然后在組件中我獲取數據並對其進行操作：對其進行排序並保存到組件的變量中 數據帶有秒和納秒時間戳，所以我更改它的字符串以在模板中顯示它。 現在，當我第一次導航到該組件時一切正常，但除此之外它會變得一團糟。 似乎保存在starDate上的字符串仍然存在。 我con ...

如何使用 Ngxs 是一個獨立的組件？

[英]How to use Ngxs is a standalone component?

是否可以在獨立組件中使用 Ngxs？ 我嘗試通過以下方式導入NgxsModule ：@Component({ ... imports: [ ... NgxsModule.forFeature([MyState]), ... 和@Component({ ... im ...

Function 調用模板或預先計算所需的值？

[英]Function call in templates or precalculate needed values?

我讀到模板中的 function 調用效率不高，因為 Angular 的默認更改檢測每次都會執行 function。 如果使用OnPush策略，function 調用可以嗎？ 我將 NGXS 用於 state 管理和啞/智能組件/容器的概念。 我應該預處理對象以使它們已經具有所需的值嗎？ 這是一個 ...

為什么我的 *ngIf 的條件被 Observable 忽略了

[英]Why the condition of my *ngIf is ignored with Observable

這是我的主要組成部分。<div *ngIf="user$ | async"> <h1>test</h1> </div> 我用 ngxs 編寫了 UserState。 為什么我的 *ngIf 的條件被忽略並且當我什至還沒有初始化我的用戶 state ...

使用 mergMap 從數組中可觀察到：finalize 從未調用

[英]observable from array with mergMap: finalize never called

我有以下代碼： 問題是： switchMap運算符中的代碼對於每個數組元素都被正確調用，但從不調用finalize方法。 這可能是由於someMethod中的代碼：在那里，我不得不將使用回調的代碼包裝到 observable 中。 someClientAsync()返回的 object 的方法具有 ...

Ngxs + WebSocket | 如何在客戶端監聽套接字事件？

[英]Ngxs + WebSocket | How to listen the socket events at client?

我在我的項目中使用Ngxs/websocket-plugin 。 我將 WebSocket 與 並發送套接字消息 服務器上正在接收套接字事件，但我不知道如何在客戶端監聽套接字事件？ ...

使用 NGXS select 時如何實現類型安全？

[英]How to have type-safety when using NGXS select?

我正在使用 NGXS 進行 state 管理，它非常簡潔實用。 我有多個商店，在我的 angular 應用程序中每個模塊幾乎一個。 我遇到的問題是，當我執行 select 時，我必須自己指定所選屬性的類型。 我已經發生了一些商店更改但不是所有使用情況的情況，並且在進入頁面並出現錯誤之前無法檢測到問 ...

ngxs：注入時存儲未初始化

[英]ngxs: Store not initialized when injected

我正在使用 ngxs 3.7.5 和 Angular 14// single slice @State<EnvironmentStateModel>({ name: 'environment', defaults: { productionBuild: environm ...

如何調度取決於 Http 方法的操作？

[英]How to Dispatch action which depends on Http method?

我在我的 angular 應用程序中使用NGXS進行 state 管理。 哪一個是好的做法？ 首先 HTTP 調用然后在它的訂閱中調度操作？ 首先調度操作，然后 HTTP 調用它的 pipe 方法？ 比如用戶使用state管理登錄的流程是怎樣的？ 在這里，我必須進行 HTTP 調用，然后我必須根據 ...

如何使用 `Ngxs` state 管理在所有選項卡中同步保存在本地存儲中的 state 數據？

[英]How to sync the state data saved in localstorage across all tabs using `Ngxs` state management?

在使用Ngxs state management庫將其轉換為base64格式后，我正在保存 state 的所有數據。 我可以獲取所有選項卡中的所有數據。 但是，如果我在一個選項卡中更改數據，它不會在其他選項卡中同步。 要同步數據，我必須刷新選項卡。 如果 state 在一個選項卡中更改，是否有任何 ...

NGXS 調度取消 http 來自另一個菜單的請求

[英]NGXS dispatch cancle http request from another menu

我在使用 NGXS 時遇到了奇怪的情況，例如我有 3 個菜單： 菜單銷售 > 致電 http 獲取銷售數據 > 在 ondestroy() 中取消訂閱 function 菜單客戶 > 致電 http 獲取客戶數據 > 在 ondestroy() 中取消訂閱 function ...

減少 Angular 模板中的函數

[英]Reduce Function in Angular Template

是否可以在 Angular 的 HTML 中執行 reduce 功能？ 我在下面做了這個，但它輸出解析錯誤。 HTML TS ...

在 Angular 調度動作中去抖動

[英]Debouncing In Angular Dispatching Action

當我嘗試通過調度調用網絡請求時，如何在 Angular 中去抖動？ 我不想每次擊鍵都調用網絡請求。 我在下面應用了它，但它不起作用。 TS search(searchValue: any) { this.loadingPlatNo = true; co ...

Angular 更新到最新 v13 后無法設置屬性 ɵfac

[英]Cannot set property ɵfac after Angular update to latest v13

我通過 ng update 從CLI@13.0.0和Core@13.2.5將項目更新到最新的 v13 次要版本（CLI@13.3.8 / Core@13.3.11 ）。 自更新以來，我在 Web 控制台中收到以下錯誤： 組件本身是一個用於擴展的抽象 BaseComponent，DI 是通過將 ...

ngxs 狀態未更新

[英]ngxs state not updating

我有兩個狀態模型，登錄和設置。 當我更新登錄狀態時，狀態對象包含新值，當我對設置狀態執行相同操作時，操作會觸發但不會發生更新。 我想將drawerExpandedState 保存： 這里的狀態 這里的動作： 這就是我調度動作的方式： 如您所見，動作觸發但狀態未更新？？？ 在 Dr ...

如何對齊使用 ngfor 創建的 ngx 圖表

[英]How to align ngx charts created using ngfor

我想對齊 ngx-charts 組件： 在數組上使用 ngFor，我提供數據來創建圖表，我能夠生成三個圖表，但我想將它們對齊左上角，右下角和左下角。 HTML： ...

NGXS：store.reset 在 Jasmine 單元測試中禁用調度程序

[英]NGXS : store.reset disables dispatchers in Jasmine unit tests

在使用 Jasmine 對我的 NGXS 存儲進行單元測試時，我遇到了意外行為的問題。 在這里，我正在嘗試測試 DeleteAlerts 操作： 但必須首先用虛擬數據填充存儲。 我創建了這個模擬： 我的商店是這樣的： 然后我嘗試用模擬填充商店： 但是，當我在測試中執行此操作時，調用store.dis ...