fix lint in Angular demos

Author: GoodDayForSurf

apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Angular/app/detail-view/detail-view.component.ts

@@ -35,7 +35,7 @@ export class DetailViewComponent implements AfterViewInit {
 
   orderHistoryData: DataSource;
 
-  constructor(private cdr: ChangeDetectorRef) {
+  constructor(private changeDetectorRef: ChangeDetectorRef) {
     this.url = 'https://js.devexpress.com/Demos/NetCore/api/DataGridAdvancedMasterDetailView';
   }
 
@@ -49,7 +49,7 @@ export class DetailViewComponent implements AfterViewInit {
       }),
     });
 
-    this.cdr.detectChanges();
+    this.changeDetectorRef.detectChanges();
   }
 
   setDefaultProduct(items) {
@@ -58,7 +58,7 @@ export class DetailViewComponent implements AfterViewInit {
     if (firstItem && this.productIdBySupplier === undefined) {
       this.productIdBySupplier = firstItem.ProductID;
     }
-    this.cdr.detectChanges();
+    this.changeDetectorRef.detectChanges();
   }
 
   handleValueChange(e: DxSelectBoxTypes.ValueChangedEvent) {

apps/demos/Demos/DataGrid/MasterDetailView/Angular/app/detail-grid/detail-grid.component.ts

@@ -22,7 +22,7 @@ export class DetailGridComponent implements AfterViewInit {
 
   tasks: Task[];
 
-  constructor(private service: Service, private cdr: ChangeDetectorRef) {
+  constructor(private service: Service, private changeDetectorRef: ChangeDetectorRef) {
     this.tasks = service.getTasks();
   }
 
@@ -35,7 +35,7 @@ export class DetailGridComponent implements AfterViewInit {
       filter: ['EmployeeID', '=', this.key],
     });
 
-    this.cdr.detectChanges();
+    this.changeDetectorRef.detectChanges();
   }
 
   completedValue(rowData) {

apps/demos/Demos/FileUploader/FileSelection/Angular/app/app.component.ts

@@ -1,8 +1,11 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import {
-  Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+  Component,
+  ViewChild,
+  enableProdMode,
+  provideZoneChangeDetection
+} from '@angular/core';
 import { NgForm } from '@angular/forms';
-
 import { DxTextBoxModule, DxFileUploaderModule, DxButtonModule } from 'devextreme-angular';
 import notify from 'devextreme/ui/notify';
 

apps/demos/Demos/Form/ItemCustomization/Angular/app/app.component.ts

@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { 
+import {
   Component,
   ViewChild,
   enableProdMode,

apps/demos/Demos/Form/Validation/Angular/app/app.component.ts

@@ -3,7 +3,7 @@ import {
   Component,
   ViewChild,
   enableProdMode,
-  provideZoneChangeDetection
+  provideZoneChangeDetection,
 } from '@angular/core';
 import {
   DxCheckBoxModule,

apps/demos/Demos/Scheduler/DragAndDrop/Angular/app/app.component.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 import { DxSchedulerModule, DxDraggableModule, DxScrollViewModule } from 'devextreme-angular';
 import { DxSchedulerTypes } from 'devextreme-angular/ui/scheduler';
@@ -35,7 +35,7 @@ export class AppComponent {
 
   currentDate: Date = new Date(2021, 3, 26);
 
-  constructor(service: Service, private cdr: ChangeDetectorRef) {
+  constructor(service: Service) {
     this.tasks = service.getTasks();
     this.appointments = service.getAppointments();
   }

apps/demos/Demos/ScrollView/Overview/Angular/app/app.component.ts

@@ -4,7 +4,7 @@ import {
   ViewChild,
   AfterViewInit,
   enableProdMode,
-  provideZoneChangeDetection
+  provideZoneChangeDetection,
 } from '@angular/core';
 import { DxSelectBoxModule } from 'devextreme-angular';
 import { DxCheckBoxModule, DxCheckBoxTypes } from 'devextreme-angular/ui/check-box';