可以使用一个自定义指令来解决这个问题。自定义指令可以绑定到任何元素上，并在特定事件（如点击）发生时执行操作。

首先，创建一个新的指令并将其绑定到表格的每个单元格上。指令使用@HostListener装饰器来监听单击事件，并获取单元格ID。

接下来，将指令添加到应用程序模块的declarations列表中，以便在应用程序中使用。

最后，将指令应用到表格上的每个单元格。

下面是实现上述步骤的指令代码示例：

import { Directive, ElementRef, HostListener } from '@angular/core';

@Directive({ selector: '[cellId]' }) export class CellIdDirective { constructor(private el: ElementRef) { }

@HostListener('click') onClick() { const id = this.el.nativeElement.id; console.log('Cell ID:', id); } }

在应用程序模块中声明该指令：

@NgModule({ declarations: [ CellIdDirective ], // ... })

现在，可以在表格单元格上使用该指令了：

Cell 1 Cell 2 Cell 3

当单击表格单元格时，console.log语句将显示单元格ID。