Angular 6 custom Pipe to get first word from string

customPipe.component.ts

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

@Component({
    selector: 'courses',
    template: `
     <input type="text" [(ngModel)]="name"/>
     <h2> {{name | firstWord}}</h2>
     `
  })
export class CoursesComponent {
    name :string;
    constructor() {
           
       }

}

firstWord.Pipe.ts

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

@Pipe({
 name : 'firstWord'

})

export class firstWord implements PipeTransform{

transform(value: string): string {
    if (!value) { return value; }
    value=value.trim();
    return value.split(' ')[0];
 }


}