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

1module.exports = {
2  petstore: {
3    output: {
4      mode: 'tags-split',
5      target: 'src/petstore.ts',
6      schemas: 'src/model',
7      client: 'angular',
8      mock: true,
9    },
10    input: {
11      target: './petstore.yaml',
12    },
13  },
14};

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.