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

时间:2018-12-11 07:25:27

标签: angular angular-routing

当我使用以下代码重定向页面时。页面将重定向到页面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>

1 个答案:

答案 0 :(得分:1)

听起来您希望路线中的#(哈希)导航到页面中的特定位置? (不询问基于散列的路由?)

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

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