Back to Angular

Transfer State.Component

devtools/projects/ng-devtools/src/lib/devtools-tabs/transfer-state/transfer-state.component.html

22.0.0-next.101.0 KB
Original Source

swap_horiz Transfer State

@if (isLoading()) { hourglass_empty Loading transfer state... } @else if (error()) {

error

No Transfer State Found

{{ error() }}

Transfer state is used in Server-Side Rendering (SSR) to pass data from the server to the client. If you're expecting transfer state data, make sure:

  • The application is using SSR
  • Transfer state is being used in your components
  • You're inspecting the initial page load (not after client-side navigation)

} @else if (!hasData()) {

info

Transfer State is Empty

No transfer state data found on this page.

This could be normal if the page doesn't use SSR or doesn't transfer any state.

} @else {

{{ transferStateItems().length }}Keys

{{ totalSize() }}Total Size

Key | {{ item.key }} | Type | {{ item.type }} | Size help_outline | {{ item.size }} | Value |

{{ getFormattedValue(item.value) }}

@if (isValueLong(valuePreview, item.isExpanded)) { {{ item.isExpanded ? 'expand_less' : 'expand_more' }} } {{ item.isCopied ? 'check' : 'content_copy' }}

|| | | | | |

}