How can I access environment variables in Angular?

How can I access environment variables in Angular?

In Angular, you can access environment variables by using the environment.ts file. You can define your variables there.

Can you show me an example of how to set up the environment.ts file?

Sure! In your src/environments folder, you can create environment.ts and environment.prod.ts. For example:

export const environment = {
  production: false,
  apiUrl: 'http://localhost:3000'
};

How do I use these variables in my components?

You can import the environment file in your component like this:

import { environment } from '../environments/environment';

console.log(environment.apiUrl);

What about using different variables for production?

For production, you would define your variables in environment.prod.ts, and Angular will use this file when you build your app for production.