angularjs2的Json-ld脚本标记

发布时间：2020-12-17 17:35:24 所属栏目：安全来源：网络整理

导读：我正在努力在 angularjs2中自动生成jsonld脚本,但是,我找到了angularjs1的解决方案. 有没有人有解决方案. 解决方法我发现有点“丑陋”,但使用“safe Html”管道工作解决方案： import {Pipe,PipeTransform} from '@angular/core';import {DomSanitizer,Safe

我正在努力在 angularjs2中自动生成jsonld脚本,但是,我找到了angularjs1的解决方案.
有没有人有解决方案.

解决方法

我发现有点“丑陋”,但使用“safe Html”管道工作解决方案：

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中测试了此代码的输出,它的工作方式与预期的一样.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!