Html 将文本文件内容刷新到div中

我在服务器上有一个文本文件，它的内容我想用每秒角度更新的方式显示在一个div中。我怎么能这么做

<div>Update text file here every second</div>

每秒更新此处的文本文件

这是我的代码，像这样的？似乎不起作用

私有http:HttpClient；
让我的文本：字符串；
setInterval（（）=>{
getText（）；
}
,1000);
getText（）{
这是http.get（“https://my.text.file/textFile.txt“，{responseType:“text”}）.subscribe（数据=>{
this.myText=数据；
});
}
document.getElementById（“text”）.innerHTML=
这个.myText（）；

使用

setInterval（）

可以按指定的时间间隔调用函数

  let myText: string;

  setInterval(() => { 
      getText();
  }
  ,1000);

  getText() {
     this.http.get("http://api.example.com/text_file", { responseType: "text" }).subscribe(data => {
          this.myText = data;
    });
  }

通过在构造函数中添加

private http:HttpClient

将HttpClient注入组件（它可以是公共的，也可以是私有的）。
然后添加一个新方法，我们可以调用

getText（）

在该方法中，我们调用HttpClient的

post

方法。
此时需要注意两件重要的事情：第一个参数是存储文本文件或访问文本文件的URL。
第二个参数是设置一些选项的对象：在这里，我们对HttpClient说，服务器将提供文本而不是JSON（

responseType:'text'）

因为HttpClient的

get（）

，

post（）

，

delete（）

和

put（）

方法返回一个可观察的，所以我们必须订阅它：所以，对于

subscribe（）

方法，我们传递一个函数（

data=>{}

）来获取我们的数据。
这些数据必须存储在某个地方，因此，在前面，我们创建了一个名为

myText

的变量，它是一个字符串变量。
我们使用该变量来存储可以在组件视图中显示的数据

---

Angular团队提供了一个学习Angular原理的平台，这是一个很好的起点。

谢谢，我如何获取文本？很难找到任何地方的信息似乎找不到答案或我只是不明白它不工作，这是正常的。你不能只是粘贴我给你的代码，希望它能工作。在创建Angular应用程序之前，您需要了解Angular的原理和概念，在编写任何代码之前都应该阅读。