在Angular 12中更改组件的名称[重复]

Question

在 Angular 中重命名组件的正确方法是什么？ CLI 中是否有执行此操作的命令，还是我应该手动进行重命名？

Answer 1

特别是，Angular CLI 似乎仍然没有官方支持重命名组件。唯一正确知道的解决方案是执行以下操作：

1. 重命名组件文件夹中的所有文件

<new-name>.component.css、<new-name>.component.html、<new-name>.component.spec.ts、<new-name>.component.ts。

1. 将路径重命名为<new-name>.component.ts 中@Component 类型装饰器下的templateUrl 和styleUrls。
2. 重命名<new-name>.component.ts中的类名。
3. 修改app.module.ts文件中@NgModule装饰器下的组件导入及其声明。

---

编辑一号：

查看以下链接的答案：

How to rename a component in Angular CLI?

Github 上也有关于同一主题的公开讨论：

Rename/Remove/Move components in Angular