diff --git a/aio/src/app/embedded/toc/toc.component.html b/aio/src/app/embedded/toc/toc.component.html
index 81c026a4f5..a94cd597b0 100644
--- a/aio/src/app/embedded/toc/toc.component.html
+++ b/aio/src/app/embedded/toc/toc.component.html
@@ -1,7 +1,7 @@
- Contents
+ 目录
diff --git a/aio/src/app/layout/doc-viewer/doc-viewer.component.ts b/aio/src/app/layout/doc-viewer/doc-viewer.component.ts
index 4d7161c7f5..a6555dc0b0 100644
--- a/aio/src/app/layout/doc-viewer/doc-viewer.component.ts
+++ b/aio/src/app/layout/doc-viewer/doc-viewer.component.ts
@@ -103,20 +103,16 @@ export class DocViewerComponent implements DoCheck, OnDestroy {
private addTitleAndToc(docId: string) {
this.tocService.reset();
let title = '';
- const titleElements = this.hostElement.querySelectorAll('h1');
- let titleEl;
- if (titleElements.length > 1) {
- titleEl = titleElements[1];
- } else if (titleElements.length > 0) {
- titleEl = titleElements[0];
- }
+ const translatedTitleEl = this.hostElement.querySelector('h1[translation-result]');
+ const originalTitleEl = this.hostElement.querySelector('h1[translation-origin]');
+ const titleEl = translatedTitleEl || originalTitleEl;
// Only create TOC for docs with an
title
// If you don't want a TOC, add "no-toc" class to
if (titleEl) {
- title = (titleEl.innerText || titleEl.textContent).trim();
+ title = (titleEl.textContent).trim();
if (!/(no-toc|notoc)/i.test(titleEl.className)) {
this.tocService.genToc(this.hostElement, docId);
- titleEl.insertAdjacentHTML('afterend', '');
+ (originalTitleEl || translatedTitleEl).insertAdjacentHTML('afterend', '');
}
}
this.titleService.setTitle(title ? `Angular - ${title}` : 'Angular');
diff --git a/aio/src/styles/0-base/_typography.scss b/aio/src/styles/0-base/_typography.scss
index 870af4fc4b..4015a4cb2a 100755
--- a/aio/src/styles/0-base/_typography.scss
+++ b/aio/src/styles/0-base/_typography.scss
@@ -8,7 +8,6 @@ body {
}
h1 {
- display: inline-block;
font-size: 24px;
font-weight: 500;
margin: 8px 0px;