实现跳转到user-page

在Angular中，要实现从当前组件跳转到"user-page"，你可以使用`Router`服务提供的`navigate()`或`navigateByUrl()`方法。假设你已经在某个模块（如AppModule或其他模块）注入了`Router`服务，可以这样做：

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

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponentComponent implements OnInit {
  constructor(private router: Router) { }

  ngOnInit(): void {
    // 直接通过路由名跳转
    this.router.navigate(['/user-page']);

    // 或者使用绝对路径跳转
    // this.router.navigateByUrl('/user-page');
  }
}

在这段代码中，`ngOnInit`生命周期钩子函数会被自动调用，在其中直接调用了`navigate()`方法，并传入"user-page"作为目标路由字符串。这将会触发一个路由变更，浏览器地址栏会更新为"user-page"对应的URL。

如果你想在特定条件下（比如按钮点击事件）触发跳转，可以在相应的方法中添加上述代码。

**相关问题--**
1. Angular如何处理路由守卫（Guards）来控制跳转？
2. Angular如何使用路由参数（Route Parameters）实现动态路由跳转？
3. 跳转前如何取消正在进行的路由切换？