我有一个显示信息的表,单击表行后,用户可以更新值
他完成请求后,将不会使用新值更新表,并且我必须执行F5刷新 View 。
完成请求后如何强制执行新的获取请求
这是相关的代码
我的服务
import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import {Observable} from 'rxjs/Rx';
import { BehaviorSubject } from 'rxjs/BehaviorSubject';
// Import RxJs required methods
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch';
import { Device } from '../model/Device';
@Injectable()
export class DeviceService {
devices$: BehaviorSubject<Device[]>;
constructor(private http : Http) {
this.initializeDevices();
}
initializeDevices() {
var url = "./api/read/network/device";
//var url = '../assets/data/devices.json';
if (!this.devices$) {
this.devices$ = <BehaviorSubject<Device[]>> new BehaviorSubject(new Array<Device>());
this.http.get(url)
.map((res:Response) => res.json())
.subscribe(devices => {
this.devices$.next(devices);
});
}
}
subscribeToDevices(): Observable<Device[]> {
return this.devices$.asObservable();
}
}
我的组件import { Component, OnInit, ViewChild } from '@angular/core';
import { DeviceService } from '../../services/device.service';
import { MacService } from '../../services/mac.service';
import { Device } from '../../model/Device';
@Component({
selector: 'app-device-table',
templateUrl: './device-table.component.html',
styleUrls: ['./device-table.component.sass']
})
export class DeviceTableComponent implements OnInit {
devices;
//reference to the datatable needed to count filtered rows
@ViewChild
('dt') dt;
constructor(private deviceService : DeviceService, private macService : MacService) { }
ngOnInit() {
this.registerEvents();
this.getDevices();
}
getDevices(){
this.deviceService.subscribeToDevices().subscribe(
devices => this.processDevices(devices),
error => console.log(error)
);
}
processDevices(devices){
//just data manipulation
}
emitShowDialogEvent(device) {
if(!device.macAddress) {
return;
}
this.macService.broadcastShowDialogEvent(device.macAddress);
}
registerEvents(){
this.macService.dataChangedEvent.subscribe(event =>{
console.log('data changed event');
this.getDevices(); //not provoking a new GET request to the API :(
});
}
}
我还有另一个组件MACService,它在发送POST请求时会发出一个事件,该事件被捕获为dataChangedEvent 最佳答案
您可以使用两种方式。
一种是在POST订阅事件中调用GET请求。
this.guardianService.editGuardian(this.guardData).subscribe(res=> {
this.loadData(); // this is function who makes GET request
});
另一种方法是使用ReplaySubject。
private subject: Subject<any> = new ReplaySubject<any>(1);
get $getSubject(): Observable<any> {
return this.subject.asObservable();
}
loadData() {
this._http.get(url, header)
.map(x=>x.json())
.subscribe(data=> {
this.subject.next(data);
});
}
postData(data) .....
这就是服务。
这是组件
this.serviceHandle.$getSubject.subscribe(res => {
//here goes any thing you want to do.
});
this.serviceHandle.loadData(); // this function will make reqeust
this._accountService.editAccountData(account).subscribe(res=> {
this.serviceHandle.loadData();
});
关于angular - 开机自检后如何刷新angular2中的可观察对象,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/43713500/