解决Angular卡片导航问题的一种方法是使用Angular的路由模块和组件。

首先，确保已经安装了Angular的路由模块。可以使用以下命令进行安装：

npm install @angular/router

接下来，在app.module.ts文件中导入路由模块：

import { RouterModule, Routes } from '@angular/router';

然后，定义路由的配置项，在同一个app.module.ts文件中添加下面的代码：

const routes: Routes = [
  { path: '', redirectTo: '/home', pathMatch: 'full' },
  { path: 'home', component: HomeComponent },
  { path: 'about', component: AboutComponent },
  // 添加其他路由配置项
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

上述代码定义了三个路由配置项，分别是默认重定向到home组件、访问路径为/home时加载HomeComponent组件，访问路径为/about时加载AboutComponent组件。

接下来，在app.component.html文件中添加导航菜单的代码：

  
Home
  
About
  

上述代码中的routerLink指令用于导航到指定的路由路径，routerLinkActive用于为当前激活的导航菜单项添加一个active类。

最后，在app.component.css文件中定义active类的样式：

.active {
  font-weight: bold;
}

以上就是解决Angular卡片导航问题的一个示例方法。当用户点击导航菜单项时，Angular会根据路由配置加载对应的组件，并将其渲染到router-outlet标签中。