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

Posted 2023-03-13

【中文标题】在Angular 12中更改组件的名称[重复]

【英文标题】：Changing the name of a component in Angular 12 [duplicate]

【发布时间】：2021-12-16 18:36:47

【问题描述】：

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

【问题讨论】：

今天仍然适用吗？因为这个问题是 4 年前的问题@YongShun

CLI 似乎仍然没有官方支持重命名组件。我们必须手动完成，让 IDE 摆布重命名所有导入。

它仍然是一个公开讨论：github.com/angular/angular-cli/issues/900

@RebaiAhmed 非常感谢！

【参考方案1】：

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

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

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

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

---

编辑一号：

查看以下链接的答案：

How to rename a component in Angular CLI?

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

Rename/Remove/Move components in Angular