在 Angular 7 中，可以使用指令来消除表格列名的索引化。以下是一个示例解决方法：

1. 创建一个名为 removeIndexDirective 的新指令：

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

@Directive({
  selector: '[removeIndex]'
})
export class RemoveIndexDirective implements AfterViewInit {

  constructor(private elementRef: ElementRef) { }

  ngAfterViewInit() {
    const thElements = this.elementRef.nativeElement.querySelectorAll('th');
    thElements.forEach((th, index) => {
      const text = th.textContent;
      if (text.startsWith('#')) {
        th.textContent = text.substring(1);
      }
    });
  }
}

2. 在需要消除列名索引化的组件中，将该指令应用于表格元素：

  

    

      
#ID
      
Name
      
Age
    
  
  

    
  

在上面的示例中，removeIndexDirective 指令通过使用 ElementRef 来获取表头元素，然后遍历每个表头元素，检查文本是否以 # 开头。如果是，则将 # 去除。这样就可以消除列名的索引化。

使用这个指令后，表格的列名就不会再显示索引了。

确保将 removeIndexDirective 添加到 app.module.ts 中的 declarations 数组中，以便在应用程序中正确使用该指令。