Question

不幸的是我必须在每X秒更改一个html元素的内容，因为我必须在这么小的空间中显示更多数据......我没有找到任何定期更改html元素的好例子，也许angular2动画是一个很多，但我应该如何解决每个X时间段内容的变化？顺便说一下，我必须将按钮的内容从div改为另一个具有不同风格，元素的内容......

Answer 1

Angular是一个框架，它使用模板以声明方式绑定模型。您所要做的就是定期更新您的模型，您的模板将自动更新。

例如，我们可以创建一个虚拟的observable，它将每秒发出一次，然后使用模板中的async管道定期更新它。

@Component({
  selector: 'my-app',
  template: `Data: {{ data$ | async }}`,
})
export class AppComponent  {
  data$ = Observable.interval(400).mapTo(1).scan((a, b) => a + b, 0)
}

这是live demo。

当然，详细信息取决于您接收数据的方式以及您希望显示数据的方式，但上面的示例显示，定期更改HTML内容非常简单，这是您的问题。

Angular2 / 4定期更改html内容的最佳方式

1 个答案: