injectIsMutating

function injectIsMutating(filters?: Omit<MutationFilters<unknown, Error, unknown, unknown>, "status">, options?: InjectIsMutatingOptions): Signal<number>;

Defined in: packages/angular-query-experimental/src/inject-is-mutating.ts:47

Injects a signal that tracks the number of mutations that your application currently has pending (useful for app-wide loading indicators).

Parameters#

filters?#

Omit<MutationFilters<unknown, Error, unknown, unknown>, "status">

The MutationFilters to narrow down the matched mutations.

filters properties#

Built from MutationFilters. See the type above for what it changes.

options?#

InjectIsMutatingOptions

Additional configuration

options properties#

Returns#

Signal<number>

A Signal with the number of mutations that your application currently has pending.

Example#

@Component({
  selector: 'posts-mutating-indicator',
  template: `
    @if (isMutatingPosts()) {
      <span>Saving posts...</span>
    }
  `,
})
export class PostsMutatingIndicator {
  // How many mutations matching the posts prefix are in progress?
  readonly isMutatingPosts = injectIsMutating({ mutationKey: ['posts'] })
}