0

在此处输入图像描述

大家好，

每当我们单击左侧菜单中的任何索引时，我都想显示一些静态内容，如附件中的图像。此外，内容应该在这个链接https://docs.spring.io/spring-framework/docs/current/spring-framework-reference/core.html#beans-annotation-config中的单个页面上。每当我单击任何索引时，用户都应该可以通过滚动页面看到相应的内容。任何人都可以建议我使用 Angular 和引导程序来实现这一目标吗？提前致谢。

4

1 回答 1

1

用于使用侧栏显示内容

.html

<div class="sidebar"> 
   <li (click)=""goToList('content1')>Side bar list 1</li>
</div>
<div id="content1" class="content1">
    CONTENT
</div>

.ts

goToList(id: any) {
    const element: HTMLElement = document.getElementById(id);
    if (element) {
         element.scrollIntoView({ behavior: 'smooth' });
     }
  }

试试这个方法，它会像你想要的那样正常工作

于 2020-10-06T11:43:11.577 回答