angularjs2的Json-ld脚本标记

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

@Pipe({name: 'safeHtml'})
export class SafeHtmlPipe implements PipeTransform {
    constructor(protected sanitized:DomSanitizer) {
    }

    transform(value:any):SafeHtml {
        return this.sanitized.bypassSecurityTrustHtml(value);
    }
}

通过与Angular Universal一起使用,您可以插入任何脚本代码：

<div [innerHtml]="'<script type=\'application/ld+json\'>' + jsonLdStringifiedObj + '</script>' | safeHtml"></div>

我在Google Structured Data Testing Tool中测试了此代码的输出,它的工作方式与预期的一样.