2f2d5f35bd
Fixes #14638 Uses Domino - https://github.com/fgnass/domino and removes dependency on Parse5. The DOCUMENT and nativeElement were never typed earlier and were different on the browser(DOM nodes) and the server(Parse5 nodes). With this change, platform-server also exposes a DOCUMENT and nativeElement that is closer to the client. If you were relying on nativeElement on the server, you would have to change your code to use the DOM API now instead of Parse5 AST API. Removes the need to add services for each and every Document manipulation like Title/Meta etc. This does *not* provide a global variable 'document' or 'window' on the server. You still have to inject DOCUMENT to get the document backing the current platform server instance.
35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google Inc. All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://angular.io/license
|
|
*/
|
|
|
|
import {ApplicationRef, Inject, Injectable, Optional} from '@angular/core';
|
|
import {DOCUMENT, ɵDomAdapter as DomAdapter, ɵSharedStylesHost as SharedStylesHost, ɵTRANSITION_ID, ɵgetDOM as getDOM} from '@angular/platform-browser';
|
|
|
|
@Injectable()
|
|
export class ServerStylesHost extends SharedStylesHost {
|
|
private head: any = null;
|
|
|
|
constructor(
|
|
@Inject(DOCUMENT) private doc: any,
|
|
@Optional() @Inject(ɵTRANSITION_ID) private transitionId: string) {
|
|
super();
|
|
this.head = getDOM().getElementsByTagName(doc, 'head')[0];
|
|
}
|
|
|
|
private _addStyle(style: string): void {
|
|
let adapter = getDOM();
|
|
const el = adapter.createElement('style');
|
|
adapter.setText(el, style);
|
|
if (!!this.transitionId) {
|
|
adapter.setAttribute(el, 'ng-transition', this.transitionId);
|
|
}
|
|
adapter.appendChild(this.head, el);
|
|
}
|
|
|
|
onStylesAdded(additions: Set<string>) { additions.forEach(style => this._addStyle(style)); }
|
|
}
|