javascript - 如何在 Angular 2 上调用 javascript

Question

我有来自 assets/js/chartrank.js 的 javascript 文件

chartrank.js

function chartRank() {
    // do something
}

并在 rankuser 上调用其中定义的函数组件，但它不起作用。

rankuser.component.ts

import { Component, OnInit, AfterViewInit } from '@angular/core';
import "../../assets/js/chartrank.js";
declare var jsObject: any;

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

  constructor() { }

  ngAfterViewInit() {
    jsObject.chartRank();
  }

  ngOnInit() {

  }
}

错误

ERROR ReferenceError: jsObject is not defined

请帮忙。

Answer 1

import在这里不起作用，因为 chartrank.js不导出任何东西。

这里最简单的方法是添加 chartrank.js至.angular-cli.json的脚本 数组，并声明 chartRank ( 函数名 ) 作为全局变量。

.angular-cli.json

"scripts": [
  "./assets/js/chartrank.js"
],

组件或服务

declare var chartRank: any;

@Component({
  ...
})
export class RankuserComponent implements OnInit, AfterViewInit {

  ...

  ngAfterViewInit() {
    chartRank();
  }
}