我会使用 TypedJS 库。

我已经使用 npm install typed.js 安装了它 然后在 .angular-cli.json 中包含 typed.js 文件

"scripts": [
  "../node_modules/jquery/dist/jquery.min.js",
  "../node_modules/typed.js/lib/typed.js"
],

在我的组件中:

import { Component, OnInit } from '@angular/core';
import * as Typed from 'typed.js';

@Component({
  selector: 'app-a-propos',
  templateUrl: './a-propos.component.html',
  styleUrls: ['./a-propos.component.css']
})
export class AProposComponent implements OnInit {

  constructor() { }

  ngOnInit() {
    var typed2 = new Typed('#typed', {
      strings: ["<b>#Font End ?</b>", "<b>#Front End ?</b>", "<b>#Back End ?</b>", "<b> #Fullstack ?</b>", "<b>ça m'interesse !</b>"],
      typeSpeed: 30,
      backDelay: 2000,
      loop: true,

    });
  }
}

和 HTML

<p id="typed"> </p>

我收到这个错误:

ERROR TypeError: Cannot read property 'tagName' of null

最佳答案

您需要在 View 初始化后设置 Typed 对象。

export class AProposComponent implements AfterViewInit{

  constructor() { }

  ngAfterViewInit() {
    var typed2 = new Typed('#typed', {
      strings: ["<b>#Font End ?</b>", "<b>#Front End ?</b>", "<b>#Back End ?</b>", "<b> #Fullstack ?</b>", "<b>ça m'interesse !</b>"],
      typeSpeed: 30,
      backDelay: 2000,
      loop: true,

    });
  }
}

关于javascript - 错误类型错误 : Cannot read property 'tagName' of null when using Typedjs，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49225019/