首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

angular2 resolveAndCreate HTTP - RC7中缺少HTTP_PROVIDERS

在 Angular 2 的 RC7 版本中,HTTP_PROVIDERS 已经被移除了。在此之前,HTTP_PROVIDERS 是用于提供 Http 服务的依赖注入(Dependency Injection)的提供者。

在 RC7 版本之后,Angular 2 推荐使用 HttpClientModule 来替代 HTTP_PROVIDERSHttpClientModule 是 Angular 提供的一个模块,用于处理 HTTP 请求和响应。

要在 Angular 2 RC7 中使用 HTTP 服务,可以按照以下步骤进行操作:

  1. 首先,确保已经安装了 @angular/common 包。可以通过以下命令进行安装:
  2. 首先,确保已经安装了 @angular/common 包。可以通过以下命令进行安装:
  3. 在需要使用 HTTP 服务的模块中,导入 HttpClientModule
  4. 在需要使用 HTTP 服务的模块中,导入 HttpClientModule
  5. 在模块的 imports 数组中添加 HttpClientModule
  6. 在模块的 imports 数组中添加 HttpClientModule
  7. 现在,可以在组件或服务中注入 HttpClient 并使用它来发送 HTTP 请求了。例如:
  8. 现在,可以在组件或服务中注入 HttpClient 并使用它来发送 HTTP 请求了。例如:

需要注意的是,HttpClient 是一个可观察对象(Observable),因此需要使用 subscribe 方法来订阅响应。

推荐的腾讯云相关产品和产品介绍链接地址:

  • 腾讯云云服务器(CVM):https://cloud.tencent.com/product/cvm
  • 腾讯云对象存储(COS):https://cloud.tencent.com/product/cos
  • 腾讯云云数据库 MySQL 版(CDB):https://cloud.tencent.com/product/cdb
  • 腾讯云人工智能(AI):https://cloud.tencent.com/product/ai
  • 腾讯云物联网(IoT):https://cloud.tencent.com/product/iot
  • 腾讯云移动应用开发(MAD):https://cloud.tencent.com/product/mad
  • 腾讯云区块链(BCS):https://cloud.tencent.com/product/bcs
  • 腾讯云元宇宙(Metaverse):https://cloud.tencent.com/product/metaverse

请注意,以上链接仅供参考,具体的产品选择应根据实际需求进行评估和决策。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • AngularJS2.0 教程系列(一)

    Angular1.x没有针对移动 应用特别优化,并且缺少一些关键的特性,比如:缓存预编译的视图、触控支持等。 简单易用 说实话,Angular1.x太复杂了,学习曲线太陡峭了,这让人望而生畏。...Angular团队希望在Angular2将复杂性 封装地更好一些,让暴露出来的概念和开发接口更简单。 ?...引入Angular2预定义类型 import {Component,View,bootstrap} from "angular2/angular2"; import是ES6的关键字,用来从模块引入类型定义...在这里,我们从angular2模块库引入了三个类型: Component类、View类和bootstrap函数。 2....而在Angular2,bootstrap是围绕组件开始的,你定义一个组件,然后启动它。如果没有一个组件, 你甚至都没有办法使用Angular2

    2.4K10

    Angular2学习笔记

    虽然这套框架我个人觉得可能的确比较适合做移动端Web的开发,但是由于网站开发的经验明显不足,加上这套技术还不是相当的成熟,在学习的过程走了很多的弯路。...包括属性绑定、事件绑定、插值绑定以及双向绑定,主要用于组件内的变量在页面的显示以及页面等。 服务。这包括两方面,一个是访问RESTFUL的服务,另一个是用来保存本地变量的。...但是他也有很多的缺点,Angular2文档列举了下面几点: 渲染得更快; 需要的异步请求更少; 需要下载的Angular框架体积更小; 提早检测模板错误; 更安全; 于是,Angular2又提出了一个新的编译方法叫...=on; root /var/www/html/dist; index index.html index.htm; # Make site accessible from http...include /etc/nginx/naxsi.rules } gzip on; gzip_min_length 1k; gzip_buffers 4 8k; gzip_http_version

    2K10

    实战 | Change Detection And Batch Update

    作者|YanYang Yu 原文|http://yuyang041060120.github.io/2016/09/22/change-detection-and-batch-update/ 前言 在传统的...$apply,$http服务实际上也做了同样的处理,说到这,三种引起应用程序状态变化的情景,Angular1都做了封装,所以我们写代码的时候不需要手动去调用$apply了。...如果我们不使用Angular1提供的事件系统、定时器和$http,如在jQuery事件中进行数据更新时,我们需要手动调用$apply。...Angular2 当数据变化时,Angular2从根节点往下遍历进行更新,默认Angular2深度遍历数据,进行新老数据的比较来决定是否更新UI,这点和Angular1的脏值检测有点像,但是Angular2...Angular2更新机制大体如下: ngZone是对Zone.js的服务封装,Angular2会在每个task执行结束后触发更新。

    3.2K20

    Vuejs和其他前端框架的对比

    4,指令(ng-click ng-model ng-href ng-src ng-if…) 5,服务Service($compile $filter $interval $timeout $http…)...不过就算有这么多好处,但是相比Angular2,Vue还是有很多的不足: Angular2原生Form支持: Angular2原生的Form模块功能相当强大。...比如 list differ 算法 Angular2 可以支持实现了Symbol.iterator的对象,而Vue只能支持Array。...比如,它的组件系统缺少完备的生命周期事件方法,尽管这些在现在是非常常见的。以及相比于 Vue 调用子组件的接口它的方法显得有点笨重。 如果你有兴趣研究,你还会发现二者在接口设计的理念上是不同的。...而这要求服务器和客户端都支持 Http 2.0 协议,并且浏览器实现了此标准。这是否可行就取决于你的目标用户和部署环境了。

    3.8K110

    vue.js与其他前端框架的对比

    不过就算有这么多好处,但是相比Angular2,Vue还是有很多的不足: Angular2原生Form支持: Angular2原生的Form模块功能相当强大。...这一点Angular2有原生的service injection pattern。而Vue则没有官方推荐。 对标准向后兼容Angular2在一些细节上对标准有更好的支持。...比如 list differ 算法 Angular2 可以支持实现了Symbol.iterator的对象,而Vue只能支持Array。...比如,它的组件系统缺少完备的生命周期事件方法,尽管这些在现在是非常常见的。以及相比于 Vue 调用子组件的接口它的方法显得有点笨重。 如果你有兴趣研究,你还会发现二者在接口设计的理念上是不同的。...而这要求服务器和客户端都支持 Http 2.0 协议,并且浏览器实现了此标准。这是否可行就取决于你的目标用户和部署环境了。

    4.2K80

    Angular2学习记录-给后端程序员的经验分享

    1.前言 前几天刚下定决心把毕业设计改造下,因为毕业设计算是我学习的基石,学习到的东西都尽可能的在这个平台上施展,锻炼自己.改造为前后端分离,前端使用angular2,后端只提供接口.便于以后的维护.那么就要学习...,找了很多原因才发现是URLSearchParams这个对象用错了,angular2提供了这个对象,es6里面也有一个该对象,换成ng2对象即可,import {URLSearchParams} from...angular2的路由匹配规则是从根路由也就是forRoot()的这个开始.在该处匹配寻找规则....号参数风格的.两种参数都保存在ActivatedRoute对象,因此下面代码的route为此对象 — restful风格 配置:{path:'article/:id',component:ArticleComponent...(使用formData对象,调用其append方法添加文件,再使用angular2http组件post上去)uploadAvatar(file: any): Promise{ let

    3.1K20

    Angular2入坑指南

    node 官网:https://nodejs.org/ nodejs不是一个js框架,千万不要认为是类似jquery的框架,nodejs是js运行时,运行环境,类比javajvm。...react.js 官网:http://facebook.github.io/react/ react是facebook前不久出的一款框架,众前端膜拜之。类比Javafreemarker的宏。...angular.js 官网:http://www.apjs.net/ angular是一款优秀的前端JS框架,已经被用于Google的多款产品当中。...数据的传递不够直接还有一堆乱七八槽的属性 Android与IOS的代码不够一致 核心太小,一堆补充的库 Angular2的优点: 1、推荐TypeScript而不是原生的Javascript 2、类库特别多...,概念也是特别多 3、体量大 4、成熟度相对偏低,版本2才刚发布 5、不兼容1.x 6、Router还不成熟 综合以上我最终决定选择Angular2作为我前端开发的首选框架。

    2K70

    Change Detection And Batch Update

    如果仔细观察的话,你会发现上面的输出符合一个规律:在React调用的方法连续setState走的是批量更新,此外走的是连续更新。...$apply,$http服务实际上也做了同样的处理,说到这,三种引起应用程序状态变化的情景,Angular1都做了封装,所以我们写代码的时候不需要手动去调用$apply了。...如果我们不使用Angular1提供的事件系统、定时器和$http,如在jQuery事件中进行数据更新时,我们需要手动调用$apply。 Angular2 ?...当数据变化时,Angular2从根节点往下遍历进行更新,默认Angular2深度遍历数据,进行新老数据的比较来决定是否更新UI,这点和Angular1的脏值检测有点像,但是Angular2的更新没有副作用...如果一个watcher被多次触发,只会推入一次到队列。 等到下一次事件循环,Vue将清空队列,只进行必要的DOM更新。

    3.3K40

    Change Detection And Batch Update

    如果仔细观察的话,你会发现上面的输出符合一个规律:在React调用的方法连续setState走的是批量更新,此外走的是连续更新。...$apply,$http服务实际上也做了同样的处理,说到这,三种引起应用程序状态变化的情景,Angular1都做了封装,所以我们写代码的时候不需要手动去调用$apply了。...如果我们不使用Angular1提供的事件系统、定时器和$http,如在jQuery事件中进行数据更新时,我们需要手动调用$apply。 Angular2 ?...当数据变化时,Angular2从根节点往下遍历进行更新,默认Angular2深度遍历数据,进行新老数据的比较来决定是否更新UI,这点和Angular1的脏值检测有点像,但是Angular2的更新没有副作用...如果一个watcher被多次触发,只会推入一次到队列。 等到下一次事件循环,Vue将清空队列,只进行必要的DOM更新。

    3.7K70

    关于在angular2引入第三方插件或者框架(jquery)

    由于本人也是初入angular2不久,很多问题也许解决了,确不知其原由,也有一些问题,解决了后面又出来同样的错误,关于这些,请谅解....关于这个问题,我自己也是想了很久,总算是能用上了, 想在angular2引用jquery的话,高大上的一个方法是,在package.json的dependencies写入,执行cnpm i;安装;...angular/compiler": "^4.0.0", "@angular/core": "^4.0.0", "@angular/forms": "^4.0.0", "@angular/http...引入jquery.min.js文件;也许会有很多人问了,不是已经安装好了 ,为什么还要另外引入呢?...最后一步也可以这样做,在首页,src下面的index.html,直接引入jquery.min.js,也是可以的,不过这样就显的有点Low了! 欢迎讨论!

    2.3K40

    Angular的12个经典问题,看看你能答对几个?(文末附带Angular测试)

    Angular2,组件中发生的任何改变总是从当前组件传播到其所有子组件。如果一个子组件的更改需要反映到其父组件的层次结构,我们可以通过使用事件发射器api来发出事件。...更少的Http请求数:如果应用程序没有捆绑来支持延迟加载(或任何原因),对于每个关联的HTML和CSS,都会有一个单独的服务器请求。...但是预编译的应用程序会将所有模板和样式与组件对齐,因此到服务器的Http请求数量会更少。 更快的渲染:如果应用程序不是AOT编译,那么应用程序完全加载时,编译过程会发生在浏览器。...其中,反应最为迅速的就是Wijmo,Wijmo 在 Angular2 发布几个小时后就发布了支持 Angular2 正式版本的 Wijmo。...Wijmo 为每一个UI控件都提供了 Angular2 组件。所有 Angular2 组件都提供了完全声明性标记。

    17.3K80

    ASP.NET Core + Angular 2 Template for Visual Studio服务器端预加载的意义何在?Webpack 开发中间件模块热拔插(HMR)

    快速构建:对于开发来说,你不需要再等待再每次更改之后,webpack去重新解析第三方代码,因为第三方类库将会独立到另外的一个bundle,另外,超快速的构建包含了所有的map文件便于调试,再发布版本的文件却将直接输出压缩版本...,再发布过程,这些工作将自动完成。...假如你不想使用预加载,可以通过移除在Views/Home/Index.cshtml的app标签的asp-prerender-module属性来禁用它。...如果你的项目运行在VS默认开发模式下,webpack会在后台监控你每一个到http://yoursite/dist的请求,它处理每一个请求并且返回一个编译过的代码文件。...原文地址:http://www.dotnet.online/Article/66/ASP-NETCoreAngular2TemplateforVisualStudio 源地址:http://blog.stevensanderson.com

    3.3K60
    领券