Angular2在网站上的变化检测

时间:2017-09-08 15:11:02

标签: angular typescript

我被困在设计一个检测另一个网站上的更改的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做到这一点吗?

0 个答案:

没有答案