TypedJs批量键入效果不起作用

Question

我会在页面末尾产生类似于这个例子的批量输入效果。

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>来避免闪烁效果。

请参阅这弹琴，对我的工作方式与typedjs示例中相同。