单击事件时的Angular2+，如果正常单击，但如果中键单击或新窗口，则路由

在Angular2+中，单击事件可以通过使用事件绑定和事件处理函数来实现。当用户在页面上单击某个元素时，可以触发相应的事件处理函数。

在Angular2+中，可以使用(click)指令来绑定单击事件。例如，可以将(click)="onClick()"添加到HTML元素上，其中onClick()是一个在组件中定义的事件处理函数。

对于正常的单击事件，可以在onClick()函数中执行相应的逻辑。例如，可以进行页面导航、数据更新等操作。

如果用户进行中键单击或在新窗口中打开链接，可以通过检测事件对象的属性来判断。在事件处理函数中，可以使用event参数来访问事件对象。通过检查event.button属性，可以确定用户点击了哪个鼠标按钮。通常，左键是0，中键是1，右键是2。

如果event.button的值为1，表示用户进行了中键单击。在这种情况下，可以执行相应的逻辑，例如打开一个新的窗口或执行其他操作。

如果用户在新窗口中打开链接，可以通过检查event.ctrlKey或event.metaKey属性来判断。如果event.ctrlKey或event.metaKey为true，表示用户按住了Ctrl键（在Windows系统中）或Command键（在Mac系统中）。在这种情况下，可以执行打开新窗口的操作。

关于路由的处理，可以使用Angular的路由模块来实现。在Angular中，可以使用Router服务来进行路由导航。通过在事件处理函数中注入Router服务，并使用router.navigate()方法来导航到指定的路由。

以下是一个示例代码：

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {

  constructor(private router: Router) { }

  ngOnInit(): void {
  }

  onClick(event: MouseEvent): void {
    if (event.button === 1) {
      // 中键单击
      // 执行相应的逻辑
    } else if (event.ctrlKey || event.metaKey) {
      // 在新窗口中打开链接
      // 执行相应的逻辑
    } else {
      // 正常单击
      // 执行相应的逻辑
      // 导航到指定的路由
      this.router.navigate(['/target-route']);
    }
  }

}

在上述示例中，onClick()函数接收一个MouseEvent参数，通过检查event.button和event.ctrlKey或event.metaKey属性来判断用户的点击方式，并执行相应的逻辑。

请注意，以上示例中的路由导航部分是一个简化的示例，实际应用中可能需要根据具体情况进行配置和处理。

对于Angular2+的更多信息和详细介绍，可以参考腾讯云的官方文档：Angular2+开发指南。