How to connect asp.net web application and Angular 6. Both are separate folder. Anybody please give detailed solution

Webapi folder- asp.net web api project

angularform folder - angular 6 project

i have included following code in web.config in asp.net project but not working

<httpProtocol>
 <customHeaders>
   <add name="Access-Control-Allow_Origin" value="http://localhost:4200/" />
   <add name="Access-Control-Allow_Headers" value="Content-Type" />
     <add name="Access-Control-Allow_Origin" value="POST, GET, OPTIONS, DELETE, PUT" />
 </customHeaders>
</httpProtocol>