前幾天,按照AngularJS2的英雄指南教程走了一遍,教程網(wǎng)址是http://origin.angular.live/docs/ts/latest/tutorial/。
在步驟完成后,又更進(jìn)一步,在英雄增刪改的時(shí)候,直接調(diào)用.net core的WebApi來(lái)實(shí)現(xiàn)后臺(tái)數(shù)據(jù)的操作,替換教程中的模擬WebApi方式。在替換.net core WebApi時(shí),還是遇到了一些坑的,這里記錄一下。
先來(lái)看一下WebApi和AngularJS的源代碼:
WebApi
View Code
AngularJS
View Code
一、跨域訪問(wèn)(Cors)問(wèn)題
在建好WebApi站點(diǎn),啟動(dòng)運(yùn)行,一切正常。我們僅顯示前兩個(gè)Action,結(jié)果如下:
延伸閱讀
學(xué)習(xí)是年輕人改變自己的最好方式