Css 角度：设置文本更改的动画

我有一个愚蠢的问题，但坦率地说，我找不到任何解决问题的办法

我有角（4）应用程序，在主页上，我有标题文本。我希望每2秒标题文本都会发生变化（从一些预定义的标题句子集中变成另一个句子）。更改将被设置为动画。（相等于淡入/淡出）

---

谢谢你的帮助

您可以尝试的解决方案之一： Html:

---

您可以尝试的解决方案之一： Html:

---

到目前为止你试过什么吗？因为这听起来没什么大不了的。类似于

{someText}}

和交替

someText=“foo”

，等待动画结束，然后

someText=null

等待动画结束，最后

someText=“bar”

。我想你甚至可以避免在动画中使用

someText=null

。实际上，如果不设置为

null

，可能就不行了。到目前为止你试过什么吗？因为这听起来没什么大不了的。类似于

{someText}}

和交替

someText=“foo”

，等待动画结束，然后

someText=null

等待动画结束，最后

someText=“bar”

。我想你甚至可以避免仅仅在动画中使用

someText=null

。实际上，如果不设置为

null

，可能就不行了。

<header>
<h1 class="header-text"></h1>
</header>

.header-text:after {
  content:"";
  animation: spin 6s linear infinite;
}

@keyframes spin {
  0% { content:"header1"; }
  30% { content:"header2"; }
  60% { content:"header3"; }
  100% { content:"header4"; }
}