# 基本路由在 Angular 6 中不起作用

Question

当我使用以下代码重定向页面时。页面将重定向到第 3 页，但不会重定向到 div 第三个。

this.router.navigateByUrl('/page5#third');

当我点击 URL http://localhost:4200/page5#third 时，页面将重定向到第三个。如果有任何其他方式用于 # 角度基础路由，请提出建议。

这是我的 HTML 代码。

<div id="first">
  <div>
    <h2>Image 1</h2>
  </div>
  <img src="assets\img\pexels-photo-39811.jpeg">
</div>
<div id="second">
  <h2>Image 2</h2>
  <img src="assets\img\pexels-photo-459225.jpeg">
</div>
<div id="third">
  <h2>Image 3</h2>
  <img src="assets\img\pexels-photo.jpg">
</div>

Answer 1

听起来您希望路由中的 #（哈希）导航到页面中的特定位置？ （不是问基于哈希的路由吗？）

见这篇文章：https://medium.com/lacolaco-blog/introduce-router-scroller-in-angular-v6-1-ef34278461e9

或者您可以尝试此处记录的片段功能：https://angular.io/guide/router#query-parameters-and-fragments