将Angular JavaScript模块导入TypeScript

Aj1

我有一堆用JavaScript编写的Angular模块,想将它们导入TypeScript。我尝试使用导入和要求,但由于导入仅检查TypeScript模块,因此找不到我的角度模块。

import myModule= require('myModule');

还有什么其他方法可以代替在TypeScript中转换我的Js吗?

叶夫根尼

您不能使用angular.module('my', [])直接从TypeScript中定义的模块这种表示法仅用于在内部angularJS对象内部注册模块。从良好的代码前景出发,您必须将角度模块重新设计为TypeScript / CommonJS / AMD模块,然后在角度应用程序中重新使用它们。但是您可以采用另一种方式:

  1. 创建一个隐藏的div元素。
  2. 在此div元素上引导要导入的角度模块。这里是angularJS文档的链接,可能会有所帮助。
  3. 使用下一个代码段来使用服务或在模块中注册的其他代码:angular.element(document.getElementById('myhiddendiv')).injector.invoke(function(YourService: any) { YouService.doDirtyJob(); })

但是我建议选择第一个选项。

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

回复:如何将javascript AMD模块导入外部TypeScript模块?(使用module.exports = ...时)

如何将 TypeScript 类集中导入 Angular 模块?

将节点标准模块导入 TypeScript

将 TypeScript 模块从本地模块导入 React 应用程序

将模块导入Angular2 App

将通用JS函数导入Angular模块

如何将Typescript NPM模块导入语法转换为ECMA2015模块导入语法

如何将Typescript的声明与从模块导入的接口合并使用?

如何将Javascript文件导入Typescript

Angular-如何将模块导入子模块?

将 typescript 模块导入 React 应用程序中的 JS 模块

如何将外部 javascript 模块导入邮递员?

将UMD Javascript模块导入浏览器

导入DefinitelyTyped模块angular

Angular 导入模块错误

Angular 材质导入模块

导入时将实现传递给Angular模块

将angular 2模块导入到我的项目中

Angular - 如何将 Javascript 导入 Angular 组件

(Typescript)将json导入Angular 4项目

如何将Tesseract导入Angular2(TypeScript)

Angular / Typescript-由于模块定义,无法强制转换导入的'* .json'文件

Typescript和React(使用Gatsby加载程序):无法将图像导入为模块

如何将扩展导入到ES6 / Typescript模块

Typescript通配符将所有模块名称导入当前名称空间?

如何利用Intellisense将js库导入Typescript模块/ VS Code任务

尝试将节点模块导入 NuxtJS TypeScript (ES2018) 时出错

将Leaflet映射与Typescript一起使用,无法在模块内部导入Leaflet

Angular 4根模块“导入”和“导入”