如何在Angular中重新加载可观察到的http？
在Angular中重新加载可观察到的HTTP请求可以通过以下步骤实现：
- 首先，确保你已经导入了
HttpClient模块，并在组件的构造函数中注入了HttpClient服务。
import { HttpClient } from '@angular/common/http';
constructor(private http: HttpClient) { }- 创建一个方法来发送HTTP请求，并返回一个可观察对象。
getData(): Observable<any> {
return this.http.get<any>('https://api.example.com/data');
}- 在组件中调用该方法，并订阅可观察对象以获取数据。
reloadData() {
this.getData().subscribe(
data => {
// 处理数据
},
error => {
// 处理错误
}
);
}- 在需要重新加载数据的地方调用
reloadData()方法。
<button (click)="reloadData()">重新加载数据</button>这样，当用户点击"重新加载数据"按钮时，reloadData()方法会重新发送HTTP请求，并更新可观察对象的数据。
对于Angular中的可观察对象，可以使用RxJS库来处理。RxJS提供了丰富的操作符和方法，用于处理可观察对象的数据流。在上述示例中，我们使用了HttpClient模块来发送HTTP请求，并使用subscribe()方法来订阅可观察对象。
相关·内容
3回答
如何在Angular中重新加载可观察到的http？
angular、rxjs
我有一个从http加载数据的图表组件： dataObservable: Observablethis.dataObservable.subscribe((data: any) => { })}
我在构造函数中设置了我可以在不重新订阅的情况下重新加载<
浏览 14提问于2020-03-06得票数 4
回答已采纳
1回答
在Angular2中引入一个可观察到的防止引导不出错的方法
angular、rxjs
使用Angular2 Beta 13，当我创建一个新的可观察到的应用程序时，我的整个应用程序无法加载，并且在控制台中没有收到任何错误。角形不会被引导。添加一个断点来尝试看看程序流是如何无处可寻的。import { Observable, Observer } from "rxjs";metrics: Observable<IMembershipMetrics>;
privatemetricsObse
浏览 4提问于2016-04-06得票数 0
回答已采纳
2回答
Laravel:在不重新加载页面的情况下更改内容
laravel、laravel-5.5
我想在不重新加载页面的情况下更改<div id="main">内容。
最好的方法是什么？我想为我网站上的所有链接/按钮做这件事。
浏览 5提问于2017-10-20得票数 1
回答已采纳
1回答
Angularjs和ui-router，在浏览器刷新时刷新所有父状态
javascript、angularjs
实际上，我想尽可能的管理前端的状态。当浏览器刷新(也就是按下F5按钮)时，只刷新当前状态。这意味着我的父级工作还没有完成，我没有足够的信息来工作，这导致了一个标准：如何刷新所有的父状态，以便将好的对象从状态传递到子状态？
浏览 1提问于2015-12-22得票数 1
1回答
将多个嵌套承诺和承诺数组转换为可观察的
javascript、angular、typescript、promise
我正在将AngularJS应用程序转换为TypeScript中的角7。 /* display dialog */
}, angular.noop控制器的目的是创建或更新另一个网站的应用程序。在我的网站上，我有一个与另一个网站的表
浏览 2提问于2018-12-19得票数 2
回答已采纳
1回答
角*ngFor与异步管道相绑定，发生了什么？
angular、asynchronous、pipe、ngfor
我刚刚从angular4开始，遇到了一个概念性问题。async管道(在本例中与*ngFor结合使用)是用来订阅可观察的，并取消手动订阅。看看网上的例子：案例2:绑定到包含诸如Observable<User[]>之类的项数组的可观察到的
案例3: 1和2随主题、承诺或Behavi
浏览 3提问于2017-09-12得票数 0
1回答
角2 RxJS可观测:重试，429状态除外
angular、typescript、observable、rxjs5
我编写了我的可观察到的(来自HTTP请求的)，以便在失败时重新尝试。但是，如果服务器响应429 Too many requests错误，我不想重试。return this.http.get(url,options) else ret
浏览 1提问于2016-09-13得票数 4
回答已采纳
3回答
角2:改变根AppComponent之外的DOM元素
dom、angular、typescript、rxjs5
我有一个可以观察到的-- loading$ --当我想在UI中显示一个加载覆盖时，输出为true，当删除该覆盖时，输出为false。可见性由CSS类控制。当可观察到的CSS发出true时，我希望将CSS类添加到<body>中，并在false上删除它。html <my-app>Angular app goes here</my-app>
浏览 4提问于2016-10-02得票数 3
回答已采纳
1回答
在SyntaxError+ .NET Core应用程序中订阅可观察到的“JSON 0位置的JSON:意外令牌”
javascript、angular、typescript、webpack、asp.net-core-mvc
如本Microsoft.AspNetCore.SpaTemplates所述，我安装了，并使用dotnet new angular创建了一个新项目。但是每次我手动刷新浏览器，或者尝试重新运行站点时，它都会抛出错误。/core';import { Observable } from 'rxjs/Observable'
浏览 1提问于2017-04-14得票数 0
2回答
相同路径重载时角度解析重载
javascript、angularjs
如何通过重新加载来重新加载Angular resolve？我的代码： title: 'dashbord', controllergetDashbord: function (getDashbordService) {
return getDashbor
浏览 1提问于2016-02-19得票数 0
1回答
如何在Rxjs中映射深度嵌套的对象
angular、rxjs
我开始使用angular2中的rxjs。我看到的许多示例在将http响应映射到可观察到的对象时使用简单对象。this.http.get('/app/shared/data/raw-tasks.json') .map(stream => stream.map(res => new
浏览 3提问于2016-02-22得票数 0
回答已采纳
1回答
在http-请求得到充分执行后单击的角7路由
angular、httprequest、angular-routing、angular-http
我有一个条目列表，当我单击到一个列表时，我将进入一个更详细的项目视图。现在，这个视图通过http-请求加载(这比从一个页面到另一个页面的路由花费的时间稍微长一点)。error就服务而言： let project: Project; this.routeTo('p
浏览 0提问于2018-12-21得票数 1
回答已采纳
1回答
Angular / xng-breadcrumbs在页面重新加载时消失
angular、xng-breadcrumb
我已经将xng-breadcrumbs添加到我的Angular 9应用程序中。页面重新加载后，面包屑为空。可重现的最小示例是：this Stackblitz，导航到父/子2路由会呈现面包屑，但重新加载会将其清除。我做错了什么？
浏览 24提问于2021-11-23得票数 1
回答已采纳
1回答
在HTTP提供的页面上在HTTPS域中使用AJAX的风险
tls、http
今天我在一家公司的临时服务器上工作时，我注意到他们在通过HTTP连接为面向用户的仪表板提供服务时，正在通过HTTPS连接承载API的子域。这会带来安全风险吗？我知道HTTP没有为通过网络传输的数据提供保护，但我不知道这是否会影响在用户浏览器中加载页面之后进行的任何HTTPS调用。
另外，一些注意事项:公司的仪表板是一个单一的页面应用程序。在加载页面时，我检查了网络流量，据我所知，所有AJAX请求都是
浏览 0提问于2017-04-30得票数 2
回答已采纳
1回答
角形6ng发球完全运行，但是ng构建抛出一个错误。
angular
@angular\common\http\http.ts中的错误(62，2)：模板编译ttpClient‘时出错‘'Injectable’calls '?makeDecorator‘。node_modules/@angular/core/src/render3/ng_dev_mo
浏览 0提问于2018-06-30得票数 0
1回答
Angular 5-承诺后不显示新图像
html、angular、image、dom、promise
在我的Angular 5应用程序中，用户将图像上传到API，API使用新图像的URL进行响应。在promise完成之后，我可以将新的图像对象添加到DOM中，但是除非我重新加载页面，否则图像不会显示在GUI中。在页面重新加载之前：页面重新加载后：如何在不重新加载整个页面的情况下显示图像？下
浏览 0提问于2018-06-21得票数 0
1回答
如何在Angular2中使用RxJS观察DOM事件？
angular、rxjs
我使用Angular2 Alpha 46。我有一个列表视图组件，如下所示。我希望观察PREV和NEXT按钮中的单击事件，并通过承诺调用Web来检索数据和更新列表。我不知道是否应该使用EventEmitter，这是Angular2还是提供的。
浏览 1提问于2015-11-26得票数 1
回答已采纳
2回答
Typescript，Angular -如何在一段时间后重新加载网站
angular、typescript
我想在5分钟后重新加载网站，这是我的问题，如何在Typescript/Angular应用程序中重新加载网站？
浏览 14提问于2018-02-26得票数 5
回答已采纳
3回答
Angular2 :构造函数在服务中完成后返回getter (http )
angularjs、json、angular、angular2-services、angular2-http
对于我的应用程序，我需要使用List.json来构建一个列表(我的应用程序的核心)。为了在所有组件之间共享这个列表，我决定创建一个服务。在这个服务中，我在构造函数中调用我的json文件，并使用getter在其他组件中获取这个列表。但是当我调用getter时，构造函数还没有完成(http有点慢)，它什么也不返回。我的服务：
import {Injectable} from "angular2/cor
浏览 5提问于2016-03-31得票数 2
回答已采纳
3回答
如何在angularjs中启用本地缓存
angularjs
第一次，我必须调用api并将输入参数存储在缓存中。下一次，如果同样的输入参数出现，我将不得不停止从客户端调用api。我尝试使用cachefactory，但是在页面加载后，值不能保留。在客户端实现此功能的任何建议。
浏览 28提问于2019-09-27得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
