首先,我们需要确保在使用 routerLink 属性时没有任何语法错误。例如,如果未正确引入 router 模块,则会看到与此问题相似的情况。
另外,我们需要确保在应用程序中定义了适当的路由。在下面的示例中,定义了两个路由:一个用于首页,另一个用于关于页面。
const routes: Routes = [ { path: '', redirectTo: '/home', pathMatch: 'full' }, { path: 'home', component: HomeComponent }, { path: 'about', component: AboutComponent } ];
最后,我们还需要引入 RouterModule 并将其添加到应用程序的 imports 数组中。这使路由器能够在应用程序中正常工作。
import { RouterModule, Routes } from '@angular/router';
@NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] }) export class AppRoutingModule { }
在实现这些步骤后,应该可以使用 routerLink 属性正常导航至定义的路由。