How can I use environment variables in Angular CLI?

How can I use environment variables in Angular CLI?

You can use environment variables in Angular CLI by defining them in the src/environments folder. You typically have environment.ts for development and environment.prod.ts for production.

Can you give me an example of how to set an environment variable?

Sure! In environment.ts, you can add a variable like this: export const environment = { production: false, apiUrl: 'http://localhost:3000' };.

How do I access this variable in my components?

You can access it by importing the environment file: import { environment } from '../environments/environment'; and then use environment.apiUrl in your component.

What about using different variables for production?

In environment.prod.ts, you can set different values, like export const environment = { production: true, apiUrl: 'https://api.example.com' };. Angular will use this when you build for production.