AngularJS材质组件可以与Angular2一起使用吗？

Question

我刚收到一位离开我公司的同事的网络应用项目。该项目是使用Angular2作为其框架构建的，但看起来这个工作者试图将AngularJS Material用于HTML组件。

根据我的理解，如果我想在AngularJS材质中使用卡片组件，我会使用标签<md-card>，对于Angular2材质，我会使用标签<mat-card>。在这个项目中，100％使用的组件是＆＃39; md＆＃39;对Angular2项目没有意义的组件。

当我投放该项目时，没有任何内容出现，我发现了错误：'md-card' is not a known element.If 'md-card' is an Angular component, then verify that it is part of this module.这是有道理的，因为＆＃39; md-card＆＃39;不应该是Angular2中的已知元素。

所以我的问题是：你是否有可能让AngularJS Material组件与Angular2一起使用，还是我必须重写整个项目中的所有HTML？

Answer 1

您必须同时运行两个框架才能使其正常工作。虽然这当然是可能的，但通常并不需要，特别是如果AngularJS应用程序和Angular 2+应用程序的结束和开始之间没有明确的分离（例如，如果你有＆＃39） ;将AngularJS应用程序重新迁移到Angular 4）。围绕Angular 2+应用程序传播的AngularJS组件似乎并不是一个理想的情况。

以下是一些其他问题：

• 组件名称可能会发生冲突
• 路由可能会相互干扰
• AngularJS组件与Angular 2+组件之间的通信很困难

我有两个建议。

1. 要么取消AngularJS依赖关系并在前同事之后进行清理。
2. 或者，在Angular2 Material组件周围创建薄包装器组件，它们与AngularJS材料组件具有相同的名称和签名。只有组件的工作方式类似，才有可能实现这一点。

我推荐第一个建议，因为后者可能只适用于最简单的组件。