在Angular4+中，我们可以使用动态路由配置来实现页面跳转的功能。以下是一个简单的例子：

首先，我们需要在app.module.ts中添加动态路由配置：

```typescript import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router';

const routes: Routes = [ { path: 'home', component: HomeComponent }, { path: 'about', component: AboutComponent }, { path: 'contact', component: ContactComponent } ];

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

在上述代码中，我们创建了一个名为AppRoutingModule的模块，它包含了所有需要在路由中使用的路由。

然后，我们需要在app.component.html中使用动态路由：

html <a routerLink="/home">Home</a> <a routerLink="/about">About</a> <a routerLink="/contact">Contact</a>

在这个例子中，当我们点击任何一个链接时，都会导航到相应的页面。

此外，我们还可以在路由守卫中进行动态路由配置：

```typescript import { Router } from '@angular/router'; import { Injectable } from '@angular/core';

@Injectable() export class DynamicRouterGuard { constructor(private router: Router) {}

is资源配置正确() { // 在这里实现动态路由配置逻辑 return true; } } ```

在上述代码中，我们创建了一个名为DynamicRouterGuard的守护服务，它使用路由器的is资源配置正确方法来检查资源配置是否正确。如果资源配置正确，它将返回true，否则返回false。

这就是在Angular4+中使用动态路由配置的基本步骤。在实际使用中，你可能需要根据具体需求来配置路由和守护服务。