Angular 6中管道荧光笔的问题

Question

我有一个管道，突出搜索关键字

但是当我清除输入表格时，我的管道会突出显示一个单词中的每个字母。如何修复它？在这种情况下，文本为null

代码手稿

@Pipe({
name: 'highlight'
 })

export class HighlightSearch implements PipeTransform {

public transform(value: string, predicate: string): string {

return value.replace(new RegExp(predicate, 'gi'), `<mark>${predicate}</mark>`);
   }
}

HTML

<tbody>
    <tr *ngFor="let Slide of SlidesFinded;">
      <td>{{ Slide.idSlide }}</td>
      <td>NULL</td>
      <td [innerHTML]="Slide.textSlide | highlight: text"></td>

    </tr>
  </tbody>