JS 工具到 Typescript
JS tools to Typescript
我这几天正在将我的 Ionic1
项目迁移到 Ionic2
。乐趣!
目前的一个障碍是将一长串用 JS 编写的工具函数(例如 CmToFeet
/ InchesToCM
/ FarenheitToCelsius
)迁移到 Ionic2 项目。
我不知道如何将这些文件正确地包含在项目中并确保它们将被考虑用于构建过程。我可以只将它们包含在 index.html
中并且它们将自动可用吗?我需要做更多吗?
有什么建议吗?
最简单的方法之一就是将其视为另一项资产。为此,您可以在 src/assets/scripts
中创建一个文件夹,将那些 js 文件放在那里,然后在 index.html
文件中添加脚本标签,如下所示:
<script src="assets/scripts/jsFileName.js"></script>
如果您以前通过 CmToFeet.methodName()
之类的方式调用这些函数,现在您需要声明 CmToFeet
变量以防止打字稿错误
import {... } from '...';
declare var CmToFeet: any; // <- Like this
@Component({
selector:'my-page',
templateUrl: 'my-page.html',
})
export class MyPage {
// ...
}
请注意,通过执行此类操作,自动完成功能将不起作用,因为它被声明为类型 any
。
我这几天正在将我的 Ionic1
项目迁移到 Ionic2
。乐趣!
目前的一个障碍是将一长串用 JS 编写的工具函数(例如 CmToFeet
/ InchesToCM
/ FarenheitToCelsius
)迁移到 Ionic2 项目。
我不知道如何将这些文件正确地包含在项目中并确保它们将被考虑用于构建过程。我可以只将它们包含在 index.html
中并且它们将自动可用吗?我需要做更多吗?
有什么建议吗?
最简单的方法之一就是将其视为另一项资产。为此,您可以在 src/assets/scripts
中创建一个文件夹,将那些 js 文件放在那里,然后在 index.html
文件中添加脚本标签,如下所示:
<script src="assets/scripts/jsFileName.js"></script>
如果您以前通过 CmToFeet.methodName()
之类的方式调用这些函数,现在您需要声明 CmToFeet
变量以防止打字稿错误
import {... } from '...';
declare var CmToFeet: any; // <- Like this
@Component({
selector:'my-page',
templateUrl: 'my-page.html',
})
export class MyPage {
// ...
}
请注意,通过执行此类操作,自动完成功能将不起作用,因为它被声明为类型 any
。