Köşeli 2/4/Evrensel - JSON-LD verileri nasıl kullanılır?

Question

Angular 4 Universal uygulamasına sahibim ve mikro verileri JSON-LD biçiminde kullanmaya başlamak istiyorum. Bu veri görünümünde başına değişmelidir beri, Şu Açısal 4'te rota değişikliği bu verileri enjekte etmek için bir yol arıyorum

<script type="application/ld+json"> 
{ 
    "@context": "http://schema.org", 
    ... 
} 
</script> 

:

Bu örneğin bazı içeriğe sahip bir script etiketini kullanır script tags are stripped from templates. docuemnt.createElement ile bir geçici çözüm kullanırken, bu sunucu tarafı Angular Evrensel uygulamasında çalışmaz.

Bunu nasıl yaparım?

DÜZENLEME

Şimdi düz Açısal olarak adlandırılır Açısal 4.x.x kullanın. ben şöyle document enjekte:

import { DOCUMENT } from '@angular/platform-browser'; 

class Test { 
    constructor(@Inject(DOCUMENT) private _document) { 
    } 

    public createScriptTag() { 
    this._document.createElement('script'); // doesn't work server-side 
    } 
} 

Answer 1

EDIT: Açıklamalarda belirttiği gibi bu çözümler Bir Hacky çözümdür ve dikkatli kullanılmalıdır.

Başka bir tür enjekte edebilir ve dom dosyasına bir başvuru almak için "ɵgetDOM" ve "ɵDomAdapter" işlevlerini kullanabilirsiniz. "Bazı" servis ve işlevini çağırdığım için özür dilerim, çünkü neden böyle adlandırdıklarına dair bir ipucum yok. Sadece into source code'a baktım ve açısal ekibin MetaService ile nasıl çalıştığını gördüm.

import { Inject } from '@angular/core'; 
import { Meta, Title } from '@angular/platform-browser'; 
import { ɵgetDOM, ɵDomAdapter, DOCUMENT } from '@angular/platform-browser'; 

@Injectable() 
export class SeoService { 

    private dom: ɵDomAdapter; 

    constructor(@Inject(DOCUMENT) private document: any, 
       private titleService: Title, 
       private metaService: Meta) { 

    this.dom = ɵgetDOM(); 

    let scriptEl = this.dom.createElement('script'); 
    // .. 

    } 
} 

Bunu test ettim ve üretimde kullanıyorum.