将具有一对多关系的.Net核心实体映射到Angular 2接口

Question

I'm creating a simple Blog using .Net Core C# and Angular 2.

Retrieving all the Posts worked fine, but I have now added an Array of Comments to each post and this has caused the following error:

Does TypeScript need more information about the comments?

Angular component:

API Method:

Answer 1

I've managed to fix the problem.

Due to the circular reference inside of Entity Framework the JSON failed to parse.

I manged to fix it by adding this option inside the startup.cs:

 services.AddMvc()
            .AddJsonOptions(options =>
            {
                options.SerializerSettings.ReferenceLoopHandling = Newtonsoft.Json.ReferenceLoopHandling.Ignore;
            });