angular · leonsenft · Mar 24, 2026 · Mar 16, 2026
diff --git a/devtools/cypress/integration/view-component-metadata.e2e.js b/devtools/cypress/integration/view-component-metadata.e2e.js
@@ -26,7 +26,7 @@ describe('Viewing component metadata', () => {
     });
 
     it('should display change detection strategy', () => {
-      cy.contains('ng-component-metadata', 'Change Detection Strategy: Default');
+      cy.contains('ng-component-metadata', 'Change Detection Strategy: OnPush');
     });
   });
 
@@ -40,7 +40,7 @@ describe('Viewing component metadata', () => {
     });
 
     it('should display change detection strategy', () => {
-      cy.contains('ng-component-metadata', 'Change Detection Strategy: Default');
+      cy.contains('ng-component-metadata', 'Change Detection Strategy: OnPush');
     });
 
     it('should display correct set of inputs', () => {

diff --git a/...rer/property-pane/property-pane-header/component-metadata/component-metadata.component.ts b/...rer/property-pane/property-pane-header/component-metadata/component-metadata.component.ts
@@ -16,13 +16,13 @@ import {
 } from '@angular/core';
 
 import {
-  AngularDirectiveMetadata,
   AcxDirectiveMetadata,
+  AngularDirectiveMetadata,
   ComponentType,
 } from '../../../../../../../../protocol';
 
-import {ElementPropertyResolver} from '../../../property-resolver/element-property-resolver';
 import {DocsRefButtonComponent} from '../../../../../shared/docs-ref-button/docs-ref-button.component';
+import {ElementPropertyResolver} from '../../../property-resolver/element-property-resolver';
 
 @Component({
   selector: 'ng-component-metadata',
@@ -77,7 +77,7 @@ export class ComponentMetadataComponent {
 
     const meta = metadata as Partial<AcxDirectiveMetadata | AngularDirectiveMetadata>;
     if (meta.onPush !== undefined) {
-      return meta.onPush ? 'OnPush' : 'Default';
+      return meta.onPush ? 'OnPush' : 'Eager';
     } else {
       return undefined;
     }

diff --git a/integration/cli-signal-inputs/src/app/greet.component.spec.ts b/integration/cli-signal-inputs/src/app/greet.component.spec.ts
@@ -1,4 +1,4 @@
-import {Component} from '@angular/core';
+import {ChangeDetectionStrategy, Component} from '@angular/core';
 import {TestBed} from '@angular/core/testing';
 
 import {GreetComponent} from './greet.component';
@@ -38,6 +38,7 @@ describe('greet component', () => {
     />
   `,
   imports: [GreetComponent],
+  changeDetection: ChangeDetectionStrategy.Eager,
 })
 class TestCmp {
   clickCount = 0;

diff --git a/integration/platform-server/projects/ngmodule/src/app/app.component.ts b/integration/platform-server/projects/ngmodule/src/app/app.component.ts
@@ -1,8 +1,9 @@
-import {Component} from '@angular/core';
+import {ChangeDetectionStrategy, Component} from '@angular/core';
 
 @Component({
   selector: 'app-root',
   template: '<router-outlet></router-outlet>',
   standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class AppComponent {}
diff --git a/...dule/src/app/http-transferstate-lazy-on-init/http-transferstate-lazy-on-init.component.ts b/...dule/src/app/http-transferstate-lazy-on-init/http-transferstate-lazy-on-init.component.ts
@@ -7,12 +7,13 @@
  */
 
 import {HttpClient} from '@angular/common/http';
-import {Component, OnInit} from '@angular/core';
+import {ChangeDetectionStrategy, Component, OnInit} from '@angular/core';
 
 @Component({
   selector: 'transfer-state-http-on-init',
   template: ` <div class="one">{{ responseOne }}</div> `,
   standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class TransferStateComponentOnInit implements OnInit {
   responseOne: string = '';

diff --git a/...server/projects/ngmodule/src/app/http-transferstate-lazy/http-transfer-state.component.ts b/...server/projects/ngmodule/src/app/http-transferstate-lazy/http-transfer-state.component.ts
@@ -7,7 +7,7 @@
  */
 
 import {HttpClient} from '@angular/common/http';
-import {Component, OnInit} from '@angular/core';
+import {ChangeDetectionStrategy, Component, OnInit} from '@angular/core';
 
 @Component({
   selector: 'transfer-state-http',
@@ -16,6 +16,7 @@ import {Component, OnInit} from '@angular/core';
     <div class="two">{{ responseTwo }}</div>
   `,
   standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class TransferStateComponent implements OnInit {
   responseOne: string = '';

diff --git a/integration/platform-server/projects/standalone/src/app/app.component.ts b/integration/platform-server/projects/standalone/src/app/app.component.ts
@@ -1,11 +1,12 @@
-import {Component} from '@angular/core';
 import {CommonModule} from '@angular/common';
+import {ChangeDetectionStrategy, Component} from '@angular/core';
 import {RouterOutlet} from '@angular/router';
 
 @Component({
   selector: 'app-root',
 
   imports: [CommonModule, RouterOutlet],
   template: '<router-outlet></router-outlet>',
+  changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class AppComponent {}
diff --git a/...andalone/src/app/http-transferstate-lazy-on-init/http-transfer-state-on-init.component.ts b/...andalone/src/app/http-transferstate-lazy-on-init/http-transfer-state-on-init.component.ts
@@ -7,13 +7,14 @@
  */
 
 import {HttpClient} from '@angular/common/http';
-import {Component, OnInit} from '@angular/core';
+import {ChangeDetectionStrategy, Component, OnInit} from '@angular/core';
 
 @Component({
   selector: 'transfer-state-http',
   standalone: true,
   template: ` <div class="one">{{ responseOne }}</div> `,
   providers: [HttpClient],
+  changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class TransferStateOnInitComponent implements OnInit {
   responseOne: string = '';

diff --git a/...rver/projects/standalone/src/app/http-transferstate-lazy/http-transfer-state.component.ts b/...rver/projects/standalone/src/app/http-transferstate-lazy/http-transfer-state.component.ts
@@ -7,7 +7,7 @@
  */
 
 import {HttpClient} from '@angular/common/http';
-import {Component, OnInit} from '@angular/core';
+import {ChangeDetectionStrategy, Component, OnInit} from '@angular/core';
 
 @Component({
   selector: 'transfer-state-http',
@@ -17,6 +17,7 @@ import {Component, OnInit} from '@angular/core';
     <div class="two">{{ responseTwo }}</div>
   `,
   providers: [HttpClient],
+  changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class TransferStateComponent implements OnInit {
   responseOne: string = '';

diff --git a/modules/benchmarks/src/change_detection/transplanted_views/transplanted_views.ts b/modules/benchmarks/src/change_detection/transplanted_views/transplanted_views.ts
@@ -52,6 +52,7 @@ export class InsertionComponent {
     <insertion-component [template]="template" [viewCount]="viewCount"></insertion-component>
   `,
   standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class DeclarationComponent {
   @Input() viewCount = 1;

diff --git a/modules/benchmarks/src/defer/baseline/app.component.ts b/modules/benchmarks/src/defer/baseline/app.component.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {Component, Input} from '@angular/core';
+import {ChangeDetectionStrategy, Component, Input} from '@angular/core';
 import {DomSanitizer, SafeStyle} from '@angular/platform-browser';
 
 import {TableCell} from '../util';
@@ -38,6 +38,7 @@ let trustedGreyColor: SafeStyle;
       </tbody>
     </table>
   `,
+  changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class AppComponent {
   @Input() data: TableCell[][] = [];

diff --git a/modules/benchmarks/src/defer/main/app.component.ts b/modules/benchmarks/src/defer/main/app.component.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {Component, Input} from '@angular/core';
+import {ChangeDetectionStrategy, Component, Input} from '@angular/core';
 import {DomSanitizer, SafeStyle} from '@angular/platform-browser';
 
 import {TableCell} from '../util';
@@ -38,6 +38,7 @@ let trustedGreyColor: SafeStyle;
       </tbody>
     </table>
   `,
+  changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class AppComponent {
   @Input() data: TableCell[][] = [];

diff --git a/modules/benchmarks/src/largeform/ng2/app.ts b/modules/benchmarks/src/largeform/ng2/app.ts
@@ -6,7 +6,12 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {Component, NgModule, provideZoneChangeDetection} from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  NgModule,
+  provideZoneChangeDetection,
+} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {BrowserModule} from '@angular/platform-browser';
 
@@ -65,6 +70,7 @@ import {BrowserModule} from '@angular/platform-browser';
     <input type="text" [(ngModel)]="values[49]" name="value49" />
   </form>`,
   standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class AppComponent {
   copies: number[] = [];

diff --git a/modules/benchmarks/src/largetable/ng2/table.ts b/modules/benchmarks/src/largetable/ng2/table.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {Component, inject, Input} from '@angular/core';
+import {ChangeDetectionStrategy, Component, inject, Input} from '@angular/core';
 import {DomSanitizer, SafeStyle} from '@angular/platform-browser';
 
 import {emptyTable, TableCell} from '../util';
@@ -27,6 +27,7 @@ let trustedGreyColor: SafeStyle | null = null;
       }
     </tbody>
   </table>`,
+  changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class TableComponent {
   @Input() data: TableCell[][] = emptyTable;

diff --git a/modules/benchmarks/src/largetable/ng2_switch/table.ts b/modules/benchmarks/src/largetable/ng2_switch/table.ts
@@ -6,7 +6,13 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {Component, Input, NgModule, provideZoneChangeDetection} from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  Input,
+  NgModule,
+  provideZoneChangeDetection,
+} from '@angular/core';
 import {BrowserModule} from '@angular/platform-browser';
 
 import {emptyTable, TableCell} from '../util';
@@ -26,6 +32,7 @@ import {emptyTable, TableCell} from '../util';
     </tbody>
   </table>`,
   standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class TableComponent {
   @Input() data: TableCell[][] = emptyTable;

diff --git a/modules/benchmarks/src/tree/ng2/tree.ts b/modules/benchmarks/src/tree/ng2/tree.ts
@@ -6,7 +6,12 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {Component, NgModule, provideZoneChangeDetection} from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  NgModule,
+  provideZoneChangeDetection,
+} from '@angular/core';
 import {BrowserModule, DomSanitizer, SafeStyle} from '@angular/platform-browser';
 
 import {emptyTree, TreeNode} from '../util';
@@ -21,6 +26,7 @@ let trustedGreyColor: SafeStyle;
     ><tree *ngIf="data.right != null" [data]="data.right"></tree
     ><tree *ngIf="data.left != null" [data]="data.left"></tree>`,
   standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class TreeComponent {
   data: TreeNode = emptyTree;

diff --git a/modules/benchmarks/src/tree/ng2_static/tree.ts b/modules/benchmarks/src/tree/ng2_static/tree.ts
@@ -6,7 +6,13 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {Component, Input, NgModule, provideZoneChangeDetection} from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  Input,
+  NgModule,
+  provideZoneChangeDetection,
+} from '@angular/core';
 import {BrowserModule, DomSanitizer, SafeStyle} from '@angular/platform-browser';
 
 import {emptyTree, getMaxDepth, TreeNode} from '../util';
@@ -26,6 +32,7 @@ function createTreeComponent(level: number, isLeaf: boolean) {
     template: template,
     standalone: false,
     jit: true,
+    changeDetection: ChangeDetectionStrategy.Eager,
   })
   class TreeComponent {
     @Input() data!: TreeNode;
@@ -42,6 +49,7 @@ function createTreeComponent(level: number, isLeaf: boolean) {
   template: `<tree0 *ngIf="data.left != null" [data]="data"></tree0>`,
   standalone: false,
   jit: true,
+  changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class RootTreeComponent {
   @Input() data: TreeNode = emptyTree;

diff --git a/modules/benchmarks/src/tree/ng2_switch/tree.ts b/modules/benchmarks/src/tree/ng2_switch/tree.ts
@@ -6,7 +6,13 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {Component, Input, NgModule, provideZoneChangeDetection} from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  Input,
+  NgModule,
+  provideZoneChangeDetection,
+} from '@angular/core';
 import {BrowserModule} from '@angular/platform-browser';
 
 import {emptyTree, TreeNode} from '../util';
@@ -20,6 +26,7 @@ import {emptyTree, TreeNode} from '../util';
     ><tree *ngIf="data.left != null" [data]="data.left"></tree
   ></ng-container>`,
   standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class TreeComponent {
   @Input() data: TreeNode = emptyTree;

diff --git a/modules/playground/src/async/main.ts b/modules/playground/src/async/main.ts
@@ -6,7 +6,12 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {Component, NgModule, provideZoneChangeDetection} from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  NgModule,
+  provideZoneChangeDetection,
+} from '@angular/core';
 import {BrowserModule, platformBrowser} from '@angular/platform-browser';
 
 @Component({
@@ -43,6 +48,7 @@ import {BrowserModule, platformBrowser} from '@angular/platform-browser';
     </div>
   `,
   standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,
 })
 class AsyncApplication {
   val1: number = 0;

diff --git a/modules/playground/src/http/app/http_comp.ts b/modules/playground/src/http/app/http_comp.ts
@@ -7,7 +7,7 @@
  */
 
 import {HttpClient} from '@angular/common/http';
-import {Component} from '@angular/core';
+import {ChangeDetectionStrategy, Component} from '@angular/core';
 
 @Component({
   selector: 'http-app',
@@ -18,6 +18,7 @@ import {Component} from '@angular/core';
     </ul>
   `,
   standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class HttpCmp {
   people: {name: string}[] = [];

diff --git a/modules/playground/src/jsonp/app/jsonp_comp.ts b/modules/playground/src/jsonp/app/jsonp_comp.ts
@@ -7,7 +7,7 @@
  */
 
 import {HttpClient} from '@angular/common/http';
-import {Component} from '@angular/core';
+import {ChangeDetectionStrategy, Component} from '@angular/core';
 
 interface Person {
   name: string;
@@ -22,6 +22,7 @@ interface Person {
     </ul>
   `,
   standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class JsonpCmp {
   people: Person[] = [];

diff --git a/modules/playground/src/template_driven_forms/main.ts b/modules/playground/src/template_driven_forms/main.ts
@@ -8,7 +8,7 @@
 
 /* tslint:disable:no-console  */
 
-import {Component, Directive, Host, NgModule} from '@angular/core';
+import {ChangeDetectionStrategy, Component, Directive, Host, NgModule} from '@angular/core';
 import {FormControl, FormGroup, FormsModule, NG_VALIDATORS, NgForm} from '@angular/forms';
 import {BrowserModule, platformBrowser} from '@angular/platform-browser';
 
@@ -71,6 +71,7 @@ export class CreditCardValidator {}
   inputs: ['controlPath: control', 'errorTypes: errors'],
   template: ` <span *ngIf="errorMessage !== null">{{ errorMessage }}</span> `,
   standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,
 })
 export class ShowError {
   formDir: NgForm;