refactor(docs-example): perf tweaks

Author: xidedix

src/components/docs-example/docs-example.component.ts

@@ -1,17 +1,27 @@
-import { Component, Input } from '@angular/core';
+import {
+  AfterContentInit,
+  AfterViewInit,
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
+  Component,
+  Input
+} from '@angular/core';
 
 import packageJson from '../../../package.json';
 
 @Component({
   selector: 'app-docs-example',
   templateUrl: './docs-example.component.html',
-  styleUrls: ['./docs-example.component.scss']
+  styleUrls: ['./docs-example.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class DocsExampleComponent {
+export class DocsExampleComponent implements AfterContentInit, AfterViewInit {
 
-  @Input() fragment?: string;
+  constructor(
+    private changeDetectorRef: ChangeDetectorRef
+  ) {}
 
-  constructor() { }
+  @Input() fragment?: string;
 
   private _href = 'https://coreui.io/angular/docs/';
 
@@ -27,4 +37,12 @@ export class DocsExampleComponent {
     const path: string = version ? `${version}/${value}` : '';
     this._href = `${docsUrl}${path}`;
   }
+
+  ngAfterContentInit(): void {
+    this.changeDetectorRef.detectChanges();
+  }
+
+  ngAfterViewInit(): void {
+    this.changeDetectorRef.markForCheck();
+  }
 }