.Net Core+Angular6 學習 第三部分(從api獲取data)

. 如今開始須要集成angular6到VS項目中

1.1 打開Startup.cs文件, 在ConfigureServices方法中配置angular files的目錄.

 

1.2 在Configure方法中配置啓動npm腳本.

 

 

 

到這一步,咱們能夠經過F5 運行整個VS項目,而且可以看到angular歡迎界面,可是尚未從咱們的web api 獲得data.

 

1.3 回到vs code 工具,我須要經過vs code 去建立一些ts文件.

1.3.1 首先先建立一個endpoint factory service,建立成功會生成2個file,我是經過命令建立

打開endpoint-factory.service.ts文件

定義webapi的地址而且注入httpclient對象.

 

1.3.2 建立一個angular service,注入上面建立的endpoint-factory對象.

1.3.3 打開app.component.ts文件, 實現接口OnInit,在初始化方法裏面調用咱們的service.

1.3.4 打開app.component.html 添加一個html節點去輸出data.

1.3.5 接下來咱們須要去App.module.ts裏面註冊咱們的服務而且引入http模塊.

能夠發現咱們提供了2個服務 ValuesService,EndpointFactoryService.以及引入了HttpClientModule模塊.

到此,能夠運行整個項目.......... 可以看見已經從web api中讀取出來並顯示.

 

 接下來 要加入EF Core從database提取數據...