Angular ASP.NET:Http Get Web API 调用有效,但 Angular 不显示任何值



我在核心中创建 asp.net 一个简单的WebApi,如下所示:

[HttpGet("GetHomePageData")]
        public IActionResult GetHomePageData()
        {
            HomePageData HomePageData = new HomePageData()
            {
                BookName = "Test Book",
                AddressCount = 55
            };
            return Ok(HomePageData);
        }

在角度中,我尝试按如下方式调用它:

constructor(public http: Http, @Inject('BASE_URL') public baseUrl: string) {
        http.get(baseUrl + 'api/GetHomePageData') 
            .subscribe(res => this.homePageData = res.json() as HomePageData);   
}

在我看来,我尝试按如下方式显示主页数据:

<div *ngIf="homePageData">Total Address = {{ homePageData.AddressCount }}</div>

在 Chrome 中运行时,API 调用工作正常,页面加载正常,没有错误。但是,不会显示任何值,因为"主页数据.AddressCount"为空。

有人知道这里发生了什么吗?

仅供参考,我已经遵循了可观察类型错误的 SO 答案:无法读取未定义的属性

谢谢!

ASP.NET 用驼峰案例序列化

而不是AddressCount使用addressCount

最新更新