如何使用angular在一些单词下划线？

<span [ngClass]="{'no-underline': true}">单词_下划线</span>

.no-underline {
  text-decoration: none;
}

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'removeUnderscore'
})
export class RemoveUnderscorePipe implements PipeTransform {
  transform(value: string): string {
    return value.replace('_', ' ');
  }
}

<span>{{ '单词_下划线' | removeUnderscore }}</span>

export class MyComponent {
  wordWithUnderscore = '单词_下划线';

  removeUnderscore(word: string): string {
    return word.replace('_', ' ');
  }
}

<span>{{ removeUnderscore(wordWithUnderscore) }}</span>