ASP.NET Core + Angular 4 教學 | Angular Web API
本篇將介紹Angular4跟ASP.NETCoreWebAPI透過AJAX的互動,範例是做一個簡單的通訊錄。功能包含新增(Create)、查詢(Read)、修改(Update)跟刪除(Delete),簡稱CRUD。程式碼延續前兩篇的範例:ASP.NETCore+Angular4教學-從無到有ASP.NETCore+Angular4教學-Webpack打包[1][2]1.安裝NuGet套件過往ASP.NETMVC是把MVC及WebAPI的套件分開,但在ASP.NETCore中MVC及WebAPI用的套件是相同的,在NuGet管理可以找到Microsoft.AspNetCore.Mvc並安裝。2.建立WebAPI2.1註冊Mvc服務Startup.csAddJsonOptions的SerializerSettings可以參考ASP.NETCore-Web...
本篇將介紹 Angular 4 跟 ASP.NET Core Web API 透過 AJAX 的互動,範例是做一個簡單的通訊錄。功能包含新增(Create)、查詢(Read)、修改(Update)跟刪除(Delete),簡稱CRUD。
程式碼延續前兩篇的範例:ASP.NET Core + Angular 4 教學 - 從無到有ASP.NET Core + Angular 4 教學 - Webpack打包[1][2]
1. 安裝 NuGet 套件過往 ASP.NET MVC 是把 MVC 及 Web API 的套件分開,但在 ASP.NET Core 中 MVC 及 Web API 用的套件是相同的,在 NuGet 管理可以找到 Microsoft.AspNetCore.Mvc 並安裝。
2. 建立 Web API2.1 註冊 Mvc 服務Startup.csAddJsonOptions 的 SerializerSettings 可以參考 ASP.NET Core - Web API JSON 序列化設定[3]
123456789101112131415161718192021222324using Microsoft.AspNetCore.Builder;using Microsoft.Extensions.DependencyInjection;using Newtonsoft.Json.Serialization;namespace MyWebsite{ public class Startup { public void ConfigureServices(IServiceCollection services) { services.AddMvc() .AddJsonOptions(options => options.SerializerSettings.ContractResolver = new DefaultContractResolver() ); } public void Con...