Angular4 + Angular CLI 支持 Javascript AngularJS？答案

【问题标题】：Angular4 + Angular CLI supporting Javascript AngularJS?Angular4 + Angular CLI 支持 Javascript AngularJS？
【发布时间】：2017-07-13 18:15:56
【问题描述】：

是否可以让 angular4 + angular CLI 支持 Javascript 文件？

我有一个用 javascript 编写的遗留 angularJS 应用程序，我想使用升级模块从我的 Angular4 应用程序中导入组件。我目前面临的问题是 angularCLI 似乎没有在我添加的项目中加载/构建包含的 javascript 组件/文件。

我目前正在关注本指南，其中没有提到将 javascript angularjs 组件放入 angular4：https://angular.io/guide/upgrade

谢谢！

【问题讨论】：

最坏的情况，只需将 JavaScript 文件上的文件扩展名从 .js 更改为 .ts
您是否尝试在您的 ts 文件中使用 js 库？
是的！我认为它会起作用，因为它最终都会转换为 JS。

标签： javascript angularjs angular angular-cli

【解决方案1】：

您可以在typescript 中使用declare 关键字。尝试使用脚本标签将您的旧 angularjs 文件链接到 html。然后declare你想从Angular 4/typescript中的旧angularjs中使用的那个组件，比如：

declare var YourComponent;

【讨论】：

【解决方案2】：

你可以在 TypeScript 中用 Angular 做的任何事情，你也可以在 JavaScript。从一种语言翻译到另一种语言主要是改变组织代码和访问 Angular 的方式的问题 API。

您可以找到文档here。

【讨论】：

所以你的意思是不要费心试图让构建支持javascript，而是将组件转换为打字稿？
不，你可以选择你想使用的任何语言，我不知道 angular-cli 是否支持 JavaScript 构建。但是你可以很好地从头开始编写自己的构建，正如链接中提到的那样，TypeScript is a popular language option for Angular development. Most code examples on the Internet are using TypeScript