Angular Safe Pipe: Sanitize trusted inline url/html/style values. Safety first!

safe.pipe.ts

import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';

@Pipe({
  name: 'safe'
})
export class SafePipe implements PipeTransform {

  transform(value: string, type?: 'style' | 'html' | 'url'): any {
    if (value) {
      switch (type) {
        case 'style':
          return this.sanitizer.bypassSecurityTrustStyle(value);
        case 'html':
          return this.sanitizer.bypassSecurityTrustHtml(value);
        case 'url':
          return this.sanitizer.bypassSecurityTrustUrl(value);
        default:
          return this.sanitizer.sanitize;
      }
    }
    return null;
  }

  constructor(private sanitizer: DomSanitizer) {}

}

component.ts:
myStyleValue = 'width: 5rem; background-color: goldenrod';
myHtmlString = '<span>Look at me!</span>';

template.html:
<div [attr.style]="myStyleValue | safe: 'style'">
<div [innerHTML]="myHtmlString | safe: 'html'"></div>