管道符号在构造函数的尖括号中起什么作用？

Question

我正在使用MatTableDataSource填充前端的表，并且需要进行一些分组。我已经找到了可以在线执行此操作的代码，并且正在尝试了解其背后的基础知识，其中之一是2个类，在MatTableDataSource的尖括号内由管道符号分隔。

我尝试对管道符号在构造函数的尖括号内的含义进行各种搜索，但未找到任何内容。我了解一些管道机制，但不确定与在构造函数的尖括号中使用它的关系。

完整的代码在这里： https://stackblitz.com/edit/angular-mattable-with-collapsible-groupheader?file=app%2Ftable-basic-example.ts

有问题的代码行是：

public dataSource = new MatTableDataSource<People | Group>([]);

“ People”和“ Group”类之间管道的作用是什么？