angular - 无法使用路线显示数据

Question

我为仪表板页面创建了一条路线，但它没有在页面上显示任何数据，也没有错误。

这是我的代码：

app.component.html

  <div class="collapse navbar-collapse" id="navbarTogglerDemo03" [ngbCollapse]="isCollapsed">
  <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
    <li class="nav-item">
        <button mat-button routerLink='/dashboard'>Dashboard</button>        
    </li>
  </ul>
  <div>

仪表板.component.html

  <p style="margin-top: 50px;">dashboard works!kcjbacbaicbaicbaibcaidcbi</p>

app.module.ts

  import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
  import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
  import { RouterModule } from '@angular/router'
  import { MatButtonModule } from '@angular/material/button'; 
  import { MatMenuModule } from '@angular/material/menu';
  import { MatTooltipModule } from '@angular/material/tooltip'; 
  import { MatIconModule, MatListModule, MatInputModule } from  '@angular/material';

 import { AppComponent } from './app.component';
 import { NavbarComponent } from './components/navbar/navbar.component';
 import { SidebarComponent } from './components/sidebar/sidebar.component';
 import { DashboardComponent } from './components/dashboard/dashboard/dashboard.component';

  @NgModule({
  declarations: [
  AppComponent,
  NavbarComponent,
  SidebarComponent,
  DashboardComponent
 ],
imports: [
 BrowserModule,
 NgbModule,
 BrowserAnimationsModule,
 MatButtonModule,
 MatMenuModule,
 MatTooltipModule,
 MatIconModule,
 RouterModule.forRoot([
  {path: 'dashboard', component:DashboardComponent}

 ])
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

dasboard.component.html

    import { Component, OnInit } from '@angular/core';

    @Component({
     selector: 'dashboard',
     templateUrl: './dashboard.component.html',
     styleUrls: ['./dashboard.component.scss']
    })
    export class DashboardComponent implements OnInit {
        constructor() { }

        ngOnInit() {
        }
    }

如何显示数据？，我尝试了多种方式，例如将数据放入 div 标签中，但仍然无法看到数据，而且我没有看到任何数据。

现在我正在使用角度 8

标签： angular