Replace curly braces to span

replace-curly.pipe.ts

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

@Pipe({
    name: 'replaceCurly'
})
export class ReplaceCurlyPipe implements PipeTransform {
    transform(value: string): string {
        const regex = /\{\{([^\{].*?)\}\}/g;
        if (value) {
            return value.replace(regex, `<span>$1</span>`);
        }
    }
}