本文整理汇总了TypeScript中@angular/platform-server.PlatformState.getDocument方法的典型用法代码示例。如果您正苦于以下问题：TypeScript PlatformState.getDocument方法的具体用法？TypeScript PlatformState.getDocument怎么用？TypeScript PlatformState.getDocument使用的例子？那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类@angular/platform-server.PlatformState的用法示例。
在下文中一共展示了PlatformState.getDocument方法的4个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: inject
/**
* Inject the State into the bottom of the <head>
*/
inject() {
try {
const document: any = this.state.getDocument();
const transferStateString = JSON.stringify(this.toJson());
const renderer = this.rendererFactory.createRenderer(document, {
id: '-1',
encapsulation: ViewEncapsulation.None,
styles: [],
data: {}
});
const head = document.head;
if (head.localName !== 'head') {
throw new Error(
'Please have <head> as the first element in your document'
);
}
const script = renderer.createElement('script');
renderer.setValue(
script,
`window['TRANSFER_STATE'] = ${transferStateString}`
);
renderer.appendChild(head, script);
} catch (e) {
console.error(e);
}
}示例2: inject
/**
* Inject the State into the bottom of the <head>
*/
inject() {
try {
const document: any = this.state.getDocument();
const transferStateString = JSON.stringify(this.toJson());
const renderer = this.rendererFactory.createRenderer(document, {
id: '-1',
encapsulation: ViewEncapsulation.None,
styles: [],
data: {}
});
const body = document.body;
const script = renderer.createElement('script');
renderer.setValue(script, `window['TRANSFER_STATE'] = ${transferStateString}`);
renderer.appendChild(body, script);
} catch (e) {
console.log('Failed to append TRANSFER_STATE to body');
console.error(e);
}
}示例3: function
return function () {
const doc = state.getDocument();
const inlinePrebootCode = getInlinePrebootCode(opts);
addInlineCodeToDocument(inlinePrebootCode, doc, rendererFactory);
};示例4: bootstrap
.subscribe((stable) => {
// Fire the TransferState Cache
const bootstrap = moduleRef.instance['ngOnBootstrap'];
bootstrap && bootstrap();
// The parse5 Document itself
const AST_DOCUMENT = state.getDocument();
// Strip out the Angular application
const htmlDoc = state.renderToString();
const APP_HTML = htmlDoc.substring(
htmlDoc.indexOf('<body>') + 6,
htmlDoc.indexOf('</body>')
);
// Strip out Styles / Meta-tags / Title
const STYLES = [];
const SCRIPTS = [];
const META = [];
const LINKS = [];
let TITLE = '';
//let STYLES_STRING = htmlDoc.substring(
//htmlDoc.indexOf('<style ng-transition'),
//htmlDoc.lastIndexOf('</style>') + 8
//);
let STYLES_STRING: string = htmlDoc.indexOf('<style ng-transition') > -1
? htmlDoc.substring(
htmlDoc.indexOf('<style ng-transition'),
htmlDoc.lastIndexOf('</style>') + 8)
: null;
// STYLES_STRING = STYLES_STRING.replace(/\s/g, '').replace('<styleng-transition', '<style ng-transition');
const HEAD = AST_DOCUMENT.head;
let count = 0;
for (let i = 0; i < HEAD.children.length; i++) {
let element = HEAD.children[i];
if (element.name === 'title') {
TITLE = element.children[0].data;
}
if (element.name === 'script') {
SCRIPTS.push(
`<script>${element.children[0].data}</script>`
);
}
// Broken after 4.0 (worked in rc)
// if (element.name === 'style') {
// let styleTag = '<style ';
// for (let key in element.attribs) {
// if (key) {
// styleTag += `${key}="${element.attribs[key]}">`;
// }
// }
// styleTag += `${element.children[0].data}</style>`;
// STYLES.push(styleTag);
// }
if (element.name === 'meta') {
count = count + 1;
let metaString = '<meta';
for (let key in element.attribs) {
if (key) {
metaString += ` ${key}="${element.attribs[key]}"`;
}
}
META.push(`${metaString} />\n`);
}
if (element.name === 'link') {
let linkString = '<link';
for (let key in element.attribs) {
if (key) {
linkString += ` ${key}="${element.attribs[key]}"`;
}
}
LINKS.push(`${linkString} />\n`);
}
}
resolve({
html: APP_HTML,
globals: {
styles: STYLES_STRING,
title: TITLE,
scripts: SCRIPTS.join(' '),
meta: META.join(' '),
links: LINKS.join(' ')
}
});
moduleRef.destroy();
//.........这里部分代码省略.........