upstream-tanstack-query/docs/framework/angular/guides/invalidations-from-mutations.md

id, title, ref, replace

id	title	ref	replace
invalidations-from-mutations	Invalidations from Mutations	docs/framework/react/guides/invalidations-from-mutations.md	useMutation hook injectMutation function

postTodoMutation = injectMutation(() => ({
  mutationFn: postTodo,
}))

import {
  injectMutation,
  QueryClient,
} from '@tanstack/angular-query-experimental'

export class TodosComponent {
  readonly queryClient = inject(QueryClient)

  // When this mutation succeeds, invalidate any queries with the `todos` or `reminders` query key
  readonly addTodoMutation = injectMutation(() => ({
    mutationFn: addTodo,
    onSuccess: () => {
      this.queryClient.invalidateQueries({ queryKey: ['todos'] })
      this.queryClient.invalidateQueries({ queryKey: ['reminders'] })
    },
  }))
}

You can wire up your invalidations to happen using any of the callbacks available in the injectMutation function