Смена тега дочернего компонента в Angular

При желании можно сменить имя тега для вызова дочернего компонента внутри темплейта родителя. Это имя задано в свойстве selector декоратора @Component потомка. В нашем случае это тег app-user:

@Component({ selector: 'app-user', // вот оно templateUrl: './user.component.html', styleUrls: ['./user.component.css'] })

Давайте поменяем его на другое:

@Component({ selector: 'user-data', // меняем templateUrl: './user.component.html', styleUrls: ['./user.component.css'] })

Смените тег для вызова вашего дочернего компонента.