要将Angular和.NET Core Web API集成到现有的MVC 5应用程序中,可以按照以下步骤操作:
首先,创建一个新的.NET Core Web API项目。可以使用Visual Studio或者使用命令行工具dotnet CLI创建项目。
在.NET Core Web API项目中,创建一个新的文件夹(例如ClientApp),用于存放Angular应用程序的代码。
在ClientApp文件夹下,使用Angular CLI创建一个新的Angular应用程序。可以使用以下命令:
ng new angular-app
完成Angular应用程序的创建后,将生成的所有文件和文件夹拷贝到MVC 5应用程序的相应位置。
确保在MVC 5应用程序的Layout视图中正确引用了Angular应用程序的文件。例如,可以在
标签中添加以下代码:
[Route("api/[controller]")]
[ApiController]
public class UserController : ControllerBase
{
[HttpGet]
public IActionResult Get()
{
return Ok(new { Name = "John Doe", Age = 30 });
}
}
constructor(private http: HttpClient) {
this.http.get('/api/user')
.subscribe(response => {
console.log(response);
});
}
请注意,必须确保.NET Core Web API项目和MVC 5应用程序在同一个解决方案中,并且能够共享相同的端口和域名。