docs: make nz-code-box to skip hydration (#8513)

NG-ZORRO · Apr 29, 2024 · 6c65aba · 6c65aba
1 parent 5009ec0
commit 6c65aba
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/scripts/site/_site/doc/app/share/codebox/codebox.component.html b/scripts/site/_site/doc/app/share/codebox/codebox.component.html
@@ -15,11 +15,9 @@
   </section>
   <section class="code-box-meta markdown">
     <div class="code-box-title">
-      <a (click)="navigateToFragment()"
-      >{{ nzTitle }}
-        <a class="edit-button" [attr.href]="nzHref" target="_blank" rel="noopener noreferrer">
-          <span nz-icon nzType="edit"></span>
-        </a>
+      <a (click)="navigateToFragment()">{{ nzTitle }}</a>
+      <a class="edit-button" [attr.href]="nzHref" target="_blank" rel="noopener noreferrer">
+        <span nz-icon nzType="edit"></span>
       </a>
     </div>
     <div class="code-box-description">
@@ -118,4 +116,4 @@
       </nz-highlight>
     </div>
   </section>
-</section>
+</section>
diff --git a/scripts/site/_site/doc/app/share/codebox/codebox.component.ts b/scripts/site/_site/doc/app/share/codebox/codebox.component.ts
@@ -22,7 +22,10 @@ import { OnlineIdeService } from '../../online-ide/online-ide.service';
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,
   templateUrl: './codebox.component.html',
-  styleUrls: ['./codebox.component.less']
+  styleUrls: ['./codebox.component.less'],
+  host: {
+    ngSkipHydration: ''
+  }
 })
 export class NzCodeBoxComponent implements OnInit, OnDestroy {
   highlightCode?: string;
@@ -146,7 +149,7 @@ export class NzCodeBoxComponent implements OnInit, OnDestroy {
     private appService: AppService,
     private platform: Platform,
     private onlineIdeService: OnlineIdeService
-  ) {}
+  ) { }
 
   ngOnInit(): void {
     this.appService.theme$.pipe(takeUntil(this.destroy$)).subscribe(data => {