.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提取数据...