在angular模板中给单词加下划线

import { FormsModule } from '@angular/forms';

@NgModule({
  imports: [
    FormsModule
  ],
  // other module configurations
})
export class YourModule { }

<input type="text" [(ngModel)]="word">
<p>{{ word | underscore }}</p>

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

@Pipe({
  name: 'underscore'
})
export class UnderscorePipe implements PipeTransform {
  transform(value: string): string {
    return value.replace(/\s+/g, '_');
  }
}

import { UnderscorePipe } from './underscore.pipe';

@NgModule({
  declarations: [
    UnderscorePipe
  ],
  // other module configurations
})
export class YourModule { }

<input type="text" [(ngModel)]="word">
<p>{{ word | underscore }}</p>