ASP.NET Core2 WebAPI和角度应用程序未在页面中呈现

时间:2018-09-28 16:13:30

标签: c# asp.net angular asp.net-web-api

我使用了以下教程

https://www.c-sharpcorner.com/article/asp-net-core-web-api-with-dapper-and-vs-2017/

创建一个asp.net core 2 Web API。我运行时,api在浏览器中运行正常

https://localhost;44313/api/liveconsole 

我使用以下教程为我的Web api创建Angular UI,经过几次尝试,我终于使页面显示了一些东西

https://www.youtube.com/watch?v=SxU04gx2EqA

我最初遇到Access-Control-Allow-Origin错误,但通过访问此链接得到了解决(Ji Ra的用户回答)

https://stackoverflow.com/questions/44379560/how-to-enable-cors-in-asp-net-core-webapi

现在显示我的页面,但默认文本为“ liveconsole-list-works!”。没什么我检查了页面,没有错误。我在做什么错了。

我已检查是否有请求并已发送响应,并且看到以下内容

Api response

我的角度应用程序控制台没有错误,并且在“网络”选项卡上也没有任何错误。

我刚刚注意到,当教师键入* ngFor(@ 7mins 20secs)时,会在youtube中弹出智能提示,但是在我的项目中我没有智能提示。我想念什么?

1 个答案:

答案 0 :(得分:0)

听起来很愚蠢。错误出在我的Angular Code中。我正在做(视频中@ 7分钟28秒)

{{liveconsolelist.job}},而不是{{liveconsolelist.job}}。

一旦我更改了此设置,一切都会按预期进行。

感谢您的评论,尤其是在我的Json中识别语法错误的评论。