Angular Client

ng g c components/product-list

export class ProductListComponent{
    products: Product[];
    constructor(private httpClient: HttpClient){}

    ngOnInit(){
        this.httpClient.get<Product[]>('https://localhost:3000/api/Products')
            .subscribe(products => {
        });
    }
}

export interface Product{
    readonly id: number,
    readonly name: string,
    readonly description: string,
    readonly price: number,
    readonly amount: number,
    readonly producer: string
}

{{ products | json }}

...
// Configure the HTTP request pipeline.
if (app.Environment.IsDevelopment()) {
    app.UseSwagger();
    app.UseSwaggerUI();
}

app.UseCors();
app.UseHttpsRedirection();
app.UseAuthorization();
app.MapControllers();
app.Run();

var builder = WebApplication.CreateBuilder(args);

builder.Services.Configure<HeadersRemoveConfig>(builder.Configuration.GetSection("HeadersToRemove"));

builder.Services.AddControllers();
builder.Services.AddEndpointsApiExplorer();
builder.Services.AddSwaggerGen();

builder.Services.AddCors(Action => Action.AddPolicy("aspnet-course",
    config => config.AllowAnyHeader().AllowAnyMethod().AllowAnyOrigin()));

// Resolve DI
builder.Services.AddSingleton<IProductsRepository, ProductsRepository>();

var app = builder.Build();

// Configure the HTTP request pipeline.
if (app.Environment.IsDevelopment()) {
    app.UseSwagger();
    app.UseSwaggerUI();
}

app.UseCors("aspnet-course");
app.UseHttpsRedirection();
app.UseAuthorization();
app.MapControllers();
app.Run();