Skip to content

injectIsMutating

ts
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

PropertyTypeDescription
injector?InjectorThe Injector in which to create the isMutating signal. If this is not provided, the current injection context will be used instead (via inject).

Returns

Signal<number>

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

Example

ts
@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'] })
}