前幾天,按照AngularJS2的英雄指南教程走了一遍,教程網(wǎng)址是http://origin.angular.live/docs/ts/latest/tutorial/。

在步驟完成后,又更進一步,在英雄增刪改的時候,直接調(diào)用.net core的WebApi來實現(xiàn)后臺數(shù)據(jù)的操作,替換教程中的模擬WebApi方式。在替換.net core WebApi時,還是遇到了一些坑的,這里記錄一下。

先來看一下WebApi和AngularJS的源代碼:

WebApi

Android培訓(xùn),安卓培訓(xùn),手機開發(fā)培訓(xùn),移動開發(fā)培訓(xùn),云培訓(xùn)培訓(xùn) View Code

 

AngularJS

Android培訓(xùn),安卓培訓(xùn),手機開發(fā)培訓(xùn),移動開發(fā)培訓(xùn),云培訓(xùn)培訓(xùn) View Code

 

一、跨域訪問(Cors)問題

在建好WebApi站點,啟動運行,一切正常。我們僅顯示前兩個Action,結(jié)果如下:

Android培訓(xùn),安卓培訓(xùn),手機開發(fā)培訓(xùn),移動開發(fā)培訓(xùn),云培訓(xùn)培訓(xùn)

Android培訓(xùn),安卓培訓(xùn),手機開發(fā)培訓(xùn),移動開發(fā)培訓(xùn),云培訓(xùn)培訓(xùn)

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運,軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式