Back to Query

Invalidations from Mutations

docs/framework/angular/guides/invalidations-from-mutations.md

5.90.3785 B
Original Source
ts
mutation = injectMutation(() => ({
  mutationFn: postTodo,
}))
ts
import {
  injectMutation,
  QueryClient,
} from '@tanstack/angular-query-experimental'

export class TodosComponent {
  queryClient = inject(QueryClient)

  // When this mutation succeeds, invalidate any queries with the `todos` or `reminders` query key
  mutation = 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