Angular 7添加Javascript插件

Question

我的目的是添加一个javascript插件，即这个：

https://steven.codes/typerjs/

到目前为止，我的方法是在我的assets文件夹中添加其JS文件，并添加到angular.json的路径。

"scripts": [
              "node_modules/jquery/dist/jquery.min.js",
              "src/assets/js/typer.js"
            ]

我的下一步是在组件中声明一个var并尝试在ngOnInit()中调用它。

import {Component, OnInit} from '@angular/core';
import * as AOS from 'aos';

declare var Typer: any;

@Component({
  selector: 'app-background',
  templateUrl: './background.component.html',
  styleUrls: ['./background.component.scss']
})
export class BackgroundComponent implements OnInit {

  rotate = false;

  constructor() { }

  ngOnInit() {
    this.rotate = !this.rotate;
    AOS.init();
    Typer.init();
  }

}

我没有任何错误，但它没有工作。有人知道一种工作方法吗？

Answer 1

有多种选择可能会有所帮助。第一 - 节点样式需要：

var typer = require("typer");

第二个使用它就像你已经使用aos：

import * as typer from 'typer';

在这种情况下，您必须确保可以找到您的.js lib。你已经把它添加到angular.js所以应该有效。

在这两种情况下，初始化应该是相同的：

ngOnInit() {
    this.rotate = !this.rotate;
    AOS.init();
    typer.init();
  }