在angular中使用regex过滤掉youtube视频

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

@Pipe({
  name: 'youtubeFilter'
})
export class YoutubeFilterPipe implements PipeTransform {
  transform(value: string): string {
    const regex = /(?:https?:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=|embed\/|v\/)?([a-zA-Z0-9\-_]+)/;
    return value.replace(regex, '');
  }
}

<!-- app.component.html -->
<div>
  <h1>YouTube视频链接过滤器</h1>
  <input type="text" [(ngModel)]="youtubeLink">
  <p>过滤后的链接: {{ youtubeLink | youtubeFilter }}</p>
</div>

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent } from './app.component';
import { YoutubeFilterPipe } from './youtube-filter.pipe';

@NgModule({
  declarations: [
    AppComponent,
    YoutubeFilterPipe
  ],
  imports: [
    BrowserModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }