在Angular Web应用中，安全凭证应该存储在环境变量文件中。这样可以将敏感信息与应用代码分离，以提高安全性。

下面是一个示例，演示如何在Angular应用中使用环境变量来存储安全凭证。

1. 创建一个名为environment.ts的环境变量文件，用于存储开发环境的安全凭证。

// environment.ts

export const environment = {
  production: false,
  awsAccessKeyId: 'YOUR_AWS_ACCESS_KEY_ID',
  awsSecretAccessKey: 'YOUR_AWS_SECRET_ACCESS_KEY'
};

2. 创建一个名为environment.prod.ts的环境变量文件，用于存储生产环境的安全凭证。

// environment.prod.ts

export const environment = {
  production: true,
  awsAccessKeyId: 'YOUR_AWS_ACCESS_KEY_ID',
  awsSecretAccessKey: 'YOUR_AWS_SECRET_ACCESS_KEY'
};

3. 在src/environments目录下创建一个名为index.ts的文件，用于导出当前环境的环境变量。

// index.ts

import { environment as devEnvironment } from './environment';
import { environment as prodEnvironment } from './environment.prod';

export const environment = process.env.NODE_ENV === 'production' ? prodEnvironment : devEnvironment;

4. 在需要使用安全凭证的地方，导入environment对象，并使用其中的属性。

// app.component.ts

import { Component } from '@angular/core';
import { environment } from '../environments';

@Component({
  selector: 'app-root',
  template: `
    
My App
    
AWS Access Key ID: {{ awsAccessKeyId }}
    
AWS Secret Access Key: {{ awsSecretAccessKey }}
  `
})
export class AppComponent {
  awsAccessKeyId = environment.awsAccessKeyId;
  awsSecretAccessKey = environment.awsSecretAccessKey;
}

在上述示例中，通过导入environment对象，可以访问存储在环境变量中的安全凭证。根据不同的环境，应用会自动加载相应的环境变量文件，从而使用正确的安全凭证。

请记住，将环境变量文件添加到.gitignore文件中，以防止将敏感信息提交到版本控制仓库中。您可以在部署应用时，手动将环境变量设置为正确的值，或者使用CI/CD工具来管理环境变量。