Angular 7 get request with windows authentication with credential

I'm trying to integrate an asp .net core rest service using windows authentication with angular 7 app. The aim is to have a (custom if possible) login form that authenticate and enable the user to do the calls.

Rest service and Angular app is located in different machine.

Web.config

<security>
  <authentication>
    <windowsAuthentication enabled="true" />
    <anonymousAuthentication enabled="true" />
  </authentication>
</security>

DummyController.cs

[Route("api/[controller]")]
[ApiController]
[Authorize]
public class ValuesController : ControllerBase
{
    // GET api/values
    [HttpGet]
    public ActionResult<IEnumerable<string>> Get()
    {
        return new string[] { "value1", "value2" };
    }

Middleware.cs

   public Task Invoke(HttpContext httpContext)
    {
        httpContext.Response.Headers.Add("Access-Control-Allow-Origin", "*");
        httpContext.Response.Headers.Add("Access-Control-Allow-Credentials", "true");
        httpContext.Response.Headers.Add("Access-Control-Allow-Headers", "Content-Type, Accept");
        httpContext.Response.Headers.Add("Access-Control-Allow-Methods", "POST,GET,PUT,PATCH,DELETE,OPTIONS");
        return _next(httpContext);
    }

MyDataService.ts

  getValues() {
    return this.http.get<string>(ROOT_URL + 'values');
  }

MyComponent.ts

  doCall() {
    this.dataservice.getValues()
    .subscribe(res => {
      console.log(res);
    });
  }

First of all, it's possible to do an architecture like this? If it's possible, what is the best practice and how can I implement it?

thanks in advance