我被困在设计一个检测另一个网站上的更改的Angular2应用程序。
现在我的服务看起来像是
import { Injectable } from '@angular/core';
import { Headers, Http } from '@angular/http';
@Injectable()
export class AlexaService {
constructor(private http: Http) { }
getPrevQuery() {
return this.http.get('https://example.com/alexa/lastQuery.html');
}
}
组件是
import { Component, OnInit } from '@angular/core';
import { AlexaService } from './alexa.service';
import { Response } from '@angular/http';
@Component({
selector: 'app-alexa',
templateUrl: './alexa.component.html',
styleUrls: ['./alexa.component.css']
})
export class AlexaComponent implements OnInit {
data;
constructor(service: AlexaService) {
service.getPrevQuery()
.subscribe(
(response: Response) => {
this.data = response.text();
console.log(this.data);
},
(error) => console.log(error)
);
}
ngOnInit() {
}
}
我能做的一件事就是定期检查https://example.com/alexa/lastQuery.html。但真正的目的是在lastQuery.html中发生更改时对视图进行更改。我们可以用Observables做到这一点吗?