Используйте одно хранилище угловых сигналов для нескольких функций (компонентов)

Я определил хранилище угловых сигналов в компоненте родительской таблицы и обновил данные, используя

patchState

export const TableStore = signalStore(
  { providedIn: 'root' },
  withRouteParams({ id: param => Number(param) }),
  withState(tableInitialState),
  withMethods((store, tableApiService = inject(TableApiService)) => ({
    getRows: rxMethod<number>(
      pipe(
        switchMap(structureId => {
          patchState(store, { loading: true });
          return tableApiService.getData(id).pipe(
            tap({
              next: (data: any) =>
                patchState(store, {
                  rows: data.rows,
                }),
              error: () =>
                patchState(store, {
                  rows: tableInitialState.rows,
                  loading: false,
                }),
              finalize: () => patchState(store, { loading: false }),
            })
          );
        })
      )
    ),
    addRow: rxMethod<Row>(...)
    ),
  })),

Приведенный выше код работает должным образом, и доступ к строкам можно получить через

store.rows()

В таблице есть действие редактирования, которое открывает компонент диалогового окна для выбранной строки. В компоненте диалога я пытаюсь получить эти строки из того же хранилища сигналов;

export class DialogComponent {
   tableStore = inject(TableStore);

   ngOnInit() {
     console.info(this.tableStore.rows()); <== EMPTY ARRAY??
   }
}

но данных нет.

Кто-нибудь знает, почему? Я предполагал, что хранилище сигналов таблицы является хранилищем уровня домена, и его состояние может использоваться несколькими функциями в одном домене.

Я попытался получить данные из хранилища таблиц в компоненте диалога и создать другое хранилище диалогов, чтобы внедрить хранилище таблиц и получить данные оттуда, но строки также пусты.

export const DialogStore = signalStore(
  withMethods(
    (
      dialogStore,
      tableStore = inject(TableStore),
      tableApiService = inject(TableApiService)
    ) => ({
     updateRow: rxMethod<Row>(
        pipe(
          switchMap(updatedRow => {
            patchState(tableStore, { loading: true });
            return tableApiService
              .updateRow(updatedRow.id, updatedRow )
              .pipe(
                tapResponse({
                  next: () => {
                    console.info(tableStore.rows()), <= EMPTY ARRAY
                      patchState(tableStore, {
                        rows: tableStore
                          .rows()
                          .map(row =>
                            row.rowId === updatedRow.rowId
                              ? { ...row }
                              : row
                          ),
                      });
                    console.info(tableStore.rows()); <= EMPTY ARRAY
                  },
              );
          })
        )
      ),
})