在Angular 4 TypeScript中的JavaScript文件中找不到名称

自然力量

我在index.html中放置了自己的脚本extraQU.js。

<script src="assets/extraQU/extraQU.js"></script>

在users.component.html中，我有：

<div [innerHTML]="someVar"></div>

在users.component.ts中，我有：

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

export class UserPage {

  constructor(public navCtrl: NavController) {
  }

  someVar = extraQU(
    {
      numbers: [1, 3, 2, 0, 1, 0],
      letters: ['T', 'C', 'D', 'G', 'A', 'E'],
    }, 'letters'
  );

}

这很好。

[innerHTML]="someVar"显示我的功能extraQU。

extraQU.js

在user.component.html中渲染一些<table> <td> <tr>等等...

我很满意。

但是，我不知道为什么TypeScript以红色突出extraQU显示：

[ts] Cannot find name "extraQU". any

但我有 extraQU

function extraQU(object, show) {
   ...
}

在<script src="assets/extraQU/extraQU.js"></script>中的index.html

在普通的JS网站中，我使用了：

<script>
   var elem = document.getElementById('someVar');

   elem.innerHTML = extraQU(
       {
           numbers: [1, 3, 2, 0, 1, 0],
           letters: ['T', 'C', 'D', 'G', 'A', 'E'],
       }, 'letters'
   );
</script>

但是如何使其在TypeScript中工作？

Santosh Singh

在类的顶部声明extraQU变量

声明var extraQU：any;

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
declare var extraQU:any;
export class UserPage {

  constructor(public navCtrl: NavController) {
  }

  someVar = extraQU(
    {
      numbers: [1, 3, 2, 0, 1, 0],
      letters: ['T', 'C', 'D', 'G', 'A', 'E'],
    }, 'letters'
  );

}

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。