首页 > 解决方案 > 在 Angular 12 中更改组件的名称

问题描述

以角度重命名组件的正确方法是什么?CLI 中是否有执行此操作的命令,或者我应该手动进行重命名?

标签: angularcomponentsangular-clirename

解决方案


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

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

<new-name>.component.css, <new-name>.component.html, <new-name>.component.spec.ts, <new-name>.component.ts.

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

编辑一号:

检查以下链接的答案:

如何在 Angular CLI 中重命名组件?

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

在 Angular 中重命名/删除/移动组件


推荐阅读