选择器“ new-selector”与任何元素都不匹配

Question

我需要将app.component.ts中的选择器名称（选择器：“ app-root”）更改为其他名称。

让它成为选择器：“ new-selector”。

它显示，

错误：“选择器“ new-selector”与任何元素都不匹配”

更改选择器名称后，哪些文件受到影响？该怎么解决？

Answer 1

如果更改app.component.ts的选择器名称

然后您需要在index.html中对其进行更改

from  <app-root> </app-root>
to    <new-selector> </new-selector>

Answer 2

必须进行的更改是：

HTML：

<app-root> to <new-selector>

Component.ts：

@Component {
  selector: 'new-selector'    //change here from app-root to new-selector 
 }

希望有帮助！，如果没有，请在stackblitz上分享一个可行的示例