add ChangeDetectionStrategy.Eager to some angular demos

Author: GoodDayForSurf

apps/demos/Demos/Charts/ClientSideDataProcessing/Angular/app/app.component.ts

@@ -1,5 +1,10 @@
 import {
-  Component, AfterViewInit, enableProdMode, provideZoneChangeDetection, inject,
+  ChangeDetectionStrategy,
+  Component,
+  AfterViewInit,
+  enableProdMode,
+  provideZoneChangeDetection,
+  inject,
 } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 
@@ -20,6 +25,7 @@ if (window && window.config?.packageConfigPaths) {
 }
 
 @Component({
+  changeDetection: ChangeDetectionStrategy.Eager,
   selector: 'demo-app',
   templateUrl: `.${modulePrefix}/app.component.html`,
   styleUrls: [`.${modulePrefix}/app.component.css`],

apps/demos/Demos/Charts/TilingAlgorithms/Angular/app/app.component.ts

@@ -1,5 +1,5 @@
 import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
-import { bootstrapApplication, BrowserModule } from '@angular/platform-browser';
+import { bootstrapApplication } from '@angular/platform-browser';
 import { DxTreeMapModule, DxSelectBoxModule } from 'devextreme-angular';
 import { PopulationByAge, Service } from './app.service';
 
@@ -20,7 +20,6 @@ if (window && window.config?.packageConfigPaths) {
   providers: [Service],
   preserveWhitespaces: true,
   imports: [
-    BrowserModule,
     DxTreeMapModule,
     DxSelectBoxModule,
   ],

apps/demos/Demos/DataGrid/RowSelection/Angular/app/app.component.ts

@@ -1,4 +1,9 @@
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  enableProdMode,
+  provideZoneChangeDetection,
+} from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 import { DxDataGridModule } from 'devextreme-angular';
 import { Service, Employee } from './app.service';
@@ -14,6 +19,7 @@ if (window && window.config?.packageConfigPaths) {
 }
 
 @Component({
+  changeDetection: ChangeDetectionStrategy.Eager,
   selector: 'demo-app',
   templateUrl: `.${modulePrefix}/app.component.html`,
   styleUrls: [`.${modulePrefix}/app.component.css`],

apps/demos/Demos/Diagram/ItemSelection/Angular/app/app.component.ts

@@ -1,5 +1,10 @@
 import {
-  Component, Pipe, PipeTransform, enableProdMode, provideZoneChangeDetection,
+  ChangeDetectionStrategy,
+  Component,
+  Pipe,
+  PipeTransform,
+  enableProdMode,
+  provideZoneChangeDetection,
 } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 import { ArrayStore } from 'devextreme-angular/common/data';
@@ -26,6 +31,7 @@ export class StringifyItemsPipe implements PipeTransform {
 }
 
 @Component({
+  changeDetection: ChangeDetectionStrategy.Eager,
   selector: 'demo-app',
   templateUrl: `.${modulePrefix}/app.component.html`,
   styleUrls: [`.${modulePrefix}/app.component.css`],

apps/demos/Demos/Tabs/Selection/Angular/app/app.component.ts

@@ -1,4 +1,9 @@
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  enableProdMode,
+  provideZoneChangeDetection
+} from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 import { DxTabsModule, DxSelectBoxModule, DxMultiViewModule } from 'devextreme-angular';
 import { Tab, Service } from './app.service';
@@ -14,6 +19,7 @@ if (window && window.config?.packageConfigPaths) {
 }
 
 @Component({
+  changeDetection: ChangeDetectionStrategy.Eager,
   selector: 'demo-app',
   templateUrl: `.${modulePrefix}/app.component.html`,
   styleUrls: [`.${modulePrefix}/app.component.css`],