Angular

Start by providing an OpenAPI specification and an Orval config file. To use Angular, define the mode in the Orval config to be angular.

Example with angular

1import { defineConfig } from 'orval';
2
3export default defineConfig({
4  petstore: {
5    output: {
6      mode: 'tags-split',
7      target: 'src/petstore.ts',
8      schemas: 'src/model',
9      client: 'angular',
10      mock: true,
11    },
12    input: {
13      target: './petstore.yaml',
14    },
15  },
16});

Navigate to the Orval config reference to see all available options.

The Angular client will automatically generate two classes:

1. An abstract class with the definition
2. A service with the implementation. Add the service inside a module to use it where you need it.

Check out an example here

How to Set a Backend URL

Use an interceptor to automatically add an API URL, similar to how an authorization header is added.