【问题标题】：How to configure angular 4 with angular 1? [closed]如何用角度 1 配置角度 4？ [关闭]
【发布时间】：2017-10-13 19:29:19
【问题描述】：

我设计了一个使用 angularjs 和 angular 材料的网络应用程序。现在，我想在 angularjs web 应用程序中将一些部分转换为 angular 4。我已经为 Angular 4 添加了 npm 包。但是 scss 文件没有得到应用。如何解决这个问题？谢谢..！

【问题讨论】：

你的代码在哪里？
你想看 package.json 吗？
我想看一个可以帮助我们理解您的问题的最小工作示例
Running Angular and AngularJS frameworks side by side 可能重复。

标签： angularjs angular ng-upgrade

【解决方案1】：

如果不查看某些特定代码，就很难帮助诊断升级问题。我只能建议您尝试遵循官方的角度升级指南：https://angular.io/docs/ts/latest/guide/upgrade.html

基本上，您将创建一个 angular 4 应用程序，然后将 angularjs 应用程序嵌入其中（并行）。

您仍然需要直接链接到您的 angularjs SCSS 输出（我假设这就是问题所在），除非您使用的是 @angular/cli，在这种情况下您可以将其添加到 .angular-cli.json 配置中。

只有在拆分路由器时才会变得困难（只是一个警告）。

将 AngularJS 应用程序逐步升级到 Angular。

成功升级的关键之一是逐步进行，即在同一个应用程序中并排运行两个框架，并将 AngularJS 组件一个一个移植到 Angular。这使得在不中断其他业务的情况下升级甚至是大型和复杂的应用程序成为可能，因为工作可以协作完成并分散在一段时间内。 Angular 中的upgrade 模块旨在实现无缝增量升级。

DEMO on PLNKR

另请参阅，Angular 2+ can't find Angular 1.X to bootstrap

【讨论】：

@georgeaw 添加 angular 2 后，我在 angularjs 项目中有 scss 文件，但没有应用任何样式。我尝试使用 sass 加载程序，但由于我使用 systemjs 而不是 webpack，所以它也不起作用
当询问由您的代码引起的问题时，如果您提供人们可以用来重现问题的代码，您将获得更好的答案。见How to create a Minimal, Complete, and Verifiable example。