将 href 或 routerlink 与#一起使用

using href or routerlink with #

我对更改页面的路径/位置还很陌生,所以我需要一些帮助。

例如,单击按钮时,我想向下滚动到页面的另一部分。 (该部分的 ID 为 'xyz')但是,我使用完全不同的组件来访问该部分。

如果我使用 href,我可以轻松做到:href="/app/appid#xyz" 但是,如果 appid 是从 ts 文件中检索到的变量,我该如何将其插入到我的 href 中?

使用起来更容易 [routerlink]="['app', appid]" 但是如何将“#xyz”插入到我的字符串中?

或者是否有我可以使用的完全独立且更简单的功能?

谢谢

添加框架属性:

<a [routerLink]="['app', appid] fragment="xyz">Link</a>

https://angular.io/api/router/RouterLink