Angular HTTPClient не показывает ответ от моего WebApi и видит переменные как неопределенные

Question

Я учусь Angular и ASP. NET, поэтому я хотел сделать простой WebApi, но в почтальоне все работает нормально, проблема только в мое Angular приложение, я не знаю где, поэтому я здесь для совета.

Вот мой Angular .ts скрипт, отвечающий за получение данных из локального API:

import { Component, OnInit } from "@angular/core";
import { HttpClientModule } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable()
export class ConfigService {
  constructor(private http: HttpClient) { }
}

@Component({

  selector: "app-user",
  templateUrl: "./user.component.html",
  styleUrls: ["./user.component.css"]
})
export class UserComponent implements OnInit {
  values: any;

  constructor(private http: HttpClient) {}

  ngOnInit() {
    this.getValues();
    console.log();
  }

  getValues() {
    this.http.get('http://localhost:5000/api/DataCTX').subscribe(response => {
       this.values = response;
    }, error => {
       console.log(error);
      });
    }

    // przypisanie wartości do values, wypisywanie błędu

}

Как я видел в журналах отладки, он обычно работает и не получает ошибок. В моем WebApi (localhost: 5000) я получил данные некоторых пользователей из базы данных:

Вот модель:

namespace WebAPI_1.Models
{
    public class Users
    {
        public int id { get; set; }
        public string Imie { get; set; }
        public string Nazwisko { get; set; }
        public string Login { get; set; }
        public string Haslo { get; set; }
    }
}

Я хотел из своего приложения, чтобы получить некоторые из этих значений и записать их в html с такими наценками:

<p *ngFor="let a of values">
  {{values.id}} - {{values.Imie}}
</p>

Но единственное, что я получаю, это:

Итак, я буду очень рад, если вы хотите мне помочь, привет: D

Answer 1

Вы получаете доступ к id and imie по всему списку вместо объекта a в foreach, поэтому попробуйте следующее:

<p *ngFor="let a of values">
  {{a.id}} - {{a.imie}}
</p>