Allowed to rename AppComponent?

Question

Are you allowed to rename the AppComponent to something else?

From the default, AppComponent:

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
})
export class AppComponent {
    title = 'app';
}

To a new name, StockholmComponent:

@Component({
    selector: 'stockholm',
    templateUrl: './stockholm.component.html',
    styleUrls: ['./stockholm.component.css']
})
export class StockholmComponent {
    title = 'Stockholm';
}

a small trail would have helped – Rahul Singh Oct 09 '17 at 13:25 — Rahul Singh, Oct 09 '17 at 13:25
Check this https://stackoverflow.com/a/49631019/4654957 – Diego Venâncio Apr 03 '18 at 13:13 — Diego Venâncio, Apr 03 '18 at 13:13

score 3 · Accepted Answer · answered Oct 09 '17 at 13:20

3

Definitely. Any valid TypeScript class name can be used that doesn't conflict with other imports.

AppComponent is only used in examples to make it clear that it is the root component without also adding @NgModule({ bootstrap: AppComponent, ...})

answered Oct 09 '17 at 13:20

Günter Zöchbauer

623,577
216
2,003
1,567

Allowed to rename AppComponent?

1 Answers1