Angular无法从外部js中导入一个类
创始人
2024-10-30 00:33:27
0

在Angular中,可以通过以下两种方式从外部JS文件中导入一个类:

  1. 使用全局变量:如果外部JS文件将类暴露为全局变量,可以直接在Angular组件中使用该全局变量。

在外部JS文件中:

// MyClass.js
class MyClass {
  constructor() {
    // constructor logic
  }
  // class methods
}

// 将类暴露为全局变量
window.MyClass = MyClass;

在Angular组件中:

// app.component.ts
import { Component } from '@angular/core';

declare var MyClass: any;

@Component({
  selector: 'app-root',
  template: `
    

My Angular App

`, }) export class AppComponent { constructor() { const myClassInstance = new MyClass(); // 使用 MyClass 实例 } }
  1. 使用模块加载器:如果外部JS文件使用了模块加载器(如Webpack或SystemJS),可以通过配置模块加载器来导入外部JS文件中的类。

安装依赖:

npm install --save-dev script-loader

在Angular组件中:

// app.component.ts
import { Component } from '@angular/core';
import * as myClassModule from 'script-loader!../path/to/MyClass.js';

@Component({
  selector: 'app-root',
  template: `
    

My Angular App

`, }) export class AppComponent { constructor() { const MyClass = myClassModule.default; const myClassInstance = new MyClass(); // 使用 MyClass 实例 } }

注意:在上述代码中,使用了script-loader!前缀来告诉Webpack加载外部JS文件。根据你使用的模块加载器,可能需要调整导入语句。

这些解决方法可以帮助你从外部JS文件中导入一个类,并在Angular中使用它。

相关内容

热门资讯

重大推荐!哈糖大菠萝有挂吗5个... 重大推荐!哈糖大菠萝有挂吗5个常用方法,wepoker轻量版书签,微扑克教程(有挂攻略)1、许多玩家...
推荐十款!htx矩阵wepok... 推荐十款!htx矩阵wepoker辅助,epoker透视,攻略教程(有挂方法)1、玩家可以在htx矩...
分享一款!智星德州辅助译码插件... 分享一款!智星德州辅助译码插件靠谱吗,约局吧德州真的存在透视吗,力荐教程(有挂辅助)1、玩家可以在智...
必备科技!德州局透视,德州透视... 这是一款非常优秀的德州透视插件 ia辅助检测软件,能够让你了解到德州透视插件中牌率当中全部隐藏参数,...
我来教大家!wpk免费辅助,a... 我来教大家!wpk免费辅助,aapoker辅助器是真的吗,扑克教程(有挂透视);亲真的是有正版授权,...
免费测试版!wepoker透视... 免费测试版!wepoker透视脚本是什么,werplan怎么透视,细节方法(有挂教程),支持语音通讯...
今日科普!wepoker私人局... 您好,wepoker私人局开挂视频这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302...
我来分享!约局吧游戏挂,wep... 我来分享!约局吧游戏挂,wepoker私人局透视插件,技巧教程(有挂技巧);wepoker私人局透视...
记者发布!wejoker辅助器... 记者发布!wejoker辅助器要钱玩吗,wepoker挂,必赢教程(有挂软件)关于wejoker辅助...
重大科普!we-poker辅助... 1、重大科普!we-poker辅助器,wepoker高级辅助,软件教程(有挂教程)2、进入游戏-大厅...