Angular 布线：无法显示组件

我是Angular的新手，我想创建一个URL为localhost:4200/register的页面

这就是我尝试过的：

src/app/应用路由模块。ts

从'@angular/core'导入{NgModule}；
从'@angular/router'导入{RouterModule，Routes}；
从“./register/register.component”导入{RegisterComponent}；
常数路由：路由=[
{路径：'register'，组件：RegisterComponent}
];
@NGD模块({
导入：[RouterModule.forRoot（路由）]，
导出：[路由模块]
})
导出类AppRoutingModule{}

src/app/register/register.component.html

注册有效

我还在app.modules.ts中导入了

AppRoutingModule

如果URL为localhost:4200/register，则页面包含应用程序组件，但无法显示我的组件“register”

我做错了什么？

应该添加到启动的组件中（默认情况下为AppComponent）

试着这样做：

const routes: Routes = [
  { path: '', component: LandingComponent }
  { path: 'register', component: RegisterComponent }
];

register.component.html

<p>register works!</p>

注册有效

app.componet.html

<router-outlet></router-outlet>

---

注意：LandingComponent只是您希望在默认情况下显示的组件，如主页、登录页等

路由器出口不得位于register组件的模板中。当URL为//register时，它指示路由器应在何处插入register组件。因此，它必须在您的应用程序组件模板中。当您在根目录下时，为什么要在应用组件中显示应用组件？@JBNizet Modified tolandicomponet，只想在默认根目录下添加组件名称谢谢您的回答。如果我在AppComponent中使用

，那么无论url是否包含“/register”，都会显示其他组件。我只想显示注册的模板。如果您在app.com组件中提供路由器出口，则只显示当前路由。例如，在/register上注册组件，在/login中登录组件