如何在单击单独的Angular 7 mat工具栏组件中的链接时滚动到页面上的元素

在Angular 7中，可以使用锚点链接和scrollIntoView方法实现在单击单独的Angular 7 mat工具栏组件中的链接时滚动到页面上的元素。

具体步骤如下：

1. 在需要跳转的目标元素上添加一个具有唯一标识的锚点，可以通过在元素上添加id属性来设置锚点，例如<div id="targetElement">...</div>。
2. 在mat工具栏组件中的链接上添加一个click事件处理程序，当链接被点击时执行该处理程序。
3. 在该事件处理程序中，使用getElementById方法获取目标元素的引用。
4. 使用scrollIntoView方法将目标元素滚动到可见区域。可以传递一个可选的配置对象来自定义滚动行为，例如滚动的行为速度和对齐方式。

下面是一个示例代码：

// 在单击链接时滚动到目标元素
scrollToElement(elementId: string): void {
  const element = document.getElementById(elementId);
  if (element) {
    element.scrollIntoView({ behavior: 'smooth', block: 'start' });
  }
}

在上述示例中，scrollToElement方法接收一个elementId参数，它是目标元素的id。通过调用getElementById方法获取目标元素的引用，然后使用scrollIntoView方法将其滚动到可见区域。

这种方法适用于在单击单独的Angular 7 mat工具栏组件中的链接时滚动到页面上的元素。关于Angular 7 mat工具栏组件的更多信息，你可以查看腾讯云的Angular Material文档：Angular Material - Toolbar。