javascript - TypedJs批量打字效果不起作用

Question

我会制作批量打字效果，例如 this example在页面末尾

export class AProposComponent implements OnInit {
  @ViewChild('text', { read: ElementRef }) text: ElementRef
  constructor() {}

  ngOnInit() {
    let textEl = this.text.nativeElement
    let typed = new Typed(textEl, {
      strings: ['npm install...^1000<br> `installing components...` ^1000 <br> `Fetching from source...`'],
      typeSpeed: 40,
      backSpeed: 0,
      loop: true
    })
  }
}

我得到了正常的打字效果(如第一个示例)

npm install...
`installing components...`
`Fetching from source...`

如何使用 Typesjs 制作批量文字效果？

Answer 1

您的示例应该可以正常工作。

使用\n和css样式white-space: pre;而不是<br>以避免闪烁效果。

参见this jsfiddle ，对我来说与 typedjs 示例中的工作方式相同