首页 / ANGULAR / Angular学习（三）

Angular学习（三）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Angular学习（三），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含600字，纯文字阅读大概需要1分钟。

内容图文

Angular服务

1.创建服务：

ng g service services/storage

技术分享图片

2.注入服务

在根目录的app.module.ts里引入服务。并且在providers:[]里写入服务模块

技术分享图片

技术分享图片

在要用这个服务的ts文件里引入服务

技术分享图片

在constructor构造函数里实例化服务

技术分享图片

使用this.storage访问服务

技术分享图片

Http请求

3.注册Http Jsonp 服务

在根目录的app.module.ts里注入模块：HttpModule    JsonpModule

技术分享图片

在imports 里写入模块

技术分享图片

3.1在其他模块里使用http 和 jsonp 模块

要在模块的顶部import   http jsonp 模块

技术分享图片

并且在构造函数里实例化模块

技术分享图片

3.2    http请求数据，注意this的指向

技术分享图片

Jsonp 请求数据

需要在接口的末尾添加回调函数

技术分享图片

请求数据要改成jsonp

技术分享图片

Post请求数据

首先要在使用post的模块里注入Headers 模块

技术分享图片

并且实例化Headers

技术分享图片

请求的参数

　　1， 接口地址

　　2， 要提交的数据

　　3， 请求头设置

技术分享图片

4.使用Rxjs请求数据

在使用rxjs的模块里银注入Observable  ,并且引入Rx

技术分享图片

在页面上使用一个 .map方法，其他的都跟http请求一样

技术分享图片

 

原文：https://www.cnblogs.com/chefweb/p/8318380.html

内容总结

以上是互联网集市为您收集整理的Angular学习（三）全部内容，希望文章能够帮你解决Angular学习（三）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1327008.html

来源：【匿名】