docs: update live demo for change detector (#50328)

naaajii · AndrewKushnir · commit 4707d5678a7d · 2023-05-17T08:13:54.000-07:00
fixes #44553 PR Close #50328
diff --git a/packages/core/src/change_detection/change_detector_ref.ts b/packages/core/src/change_detection/change_detector_ref.ts
@@ -33,7 +33,7 @@ import {ViewRef} from '../render3/view_ref';
  *
  * The following example sets the `OnPush` change-detection strategy for a component
  * (`CheckOnce`, rather than the default `CheckAlways`), then forces a second check
- * after an interval. See [live demo](https://plnkr.co/edit/GC512b?p=preview).
+ * after an interval. See [live demo](https://stackblitz.com/edit/angular-myjuxd?file=src/main.ts).
  *
  * <code-example path="core/ts/change_detect/change-detection.ts"
  * region="mark-for-check"></code-example>
diff --git a/packages/examples/core/ts/change_detect/change-detection.ts b/packages/examples/core/ts/change_detect/change-detection.ts
@@ -6,6 +6,7 @@
  * found in the LICENSE file at https://angular.io/license
  */
 /* tslint:disable:no-console  */
+import {CommonModule} from '@angular/common';
 import {ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 
@@ -15,6 +16,8 @@ import {FormsModule} from '@angular/forms';
   selector: 'app-root',
   template: `Number of ticks: {{numberOfTicks}}`,
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [CommonModule]
 })
 
 class AppComponent {
@@ -104,6 +107,6 @@ class App1 {
 // #enddocregion reattach
 
 
-@NgModule({declarations: [AppComponent, GiantList, App, LiveData, App1], imports: [FormsModule]})
+@NgModule({declarations: [GiantList, App, LiveData, App1], imports: [FormsModule, AppComponent]})
 class CoreExamplesModule {
 }

Original file line number	Diff line number	Diff line change
`@@ -33,7 +33,7 @@ import {ViewRef} from '../render3/view_ref';`
`33`	`33`	`*`
`34`	`34`	* The following example sets the `OnPush` change-detection strategy for a component
`35`	`35`	* (`CheckOnce`, rather than the default `CheckAlways`), then forces a second check
`36`		`- * after an interval. See [live demo](https://plnkr.co/edit/GC512b?p=preview).`
	`36`	`+ * after an interval. See [live demo](https://stackblitz.com/edit/angular-myjuxd?file=src/main.ts).`
`37`	`37`	`*`
`38`	`38`	`* <code-example path="core/ts/change_detect/change-detection.ts"`
`39`	`39`	`* region="mark-for-check"></code-example>`