diff --git a/apps/demos/Demos/Charts/SignalRService/Angular/app/app.component.html b/apps/demos/Demos/Charts/SignalRService/Angular/app/app.component.html
index f17e683ce566..04544298e4b8 100644
--- a/apps/demos/Demos/Charts/SignalRService/Angular/app/app.component.html
+++ b/apps/demos/Demos/Charts/SignalRService/Angular/app/app.component.html
@@ -1,4 +1,5 @@
-<div ng-if="connectionStarted">
+@if (connectionStarted) {
+<div>
   <dx-chart
     id="chart"
     [dataSource]="dataSource"
@@ -74,3 +75,4 @@
     </div>
   </dx-chart>
 </div>
+}
diff --git a/apps/demos/Demos/DataGrid/SignalRService/Angular/app/app.component.html b/apps/demos/Demos/DataGrid/SignalRService/Angular/app/app.component.html
index c666c1e06d4c..7c37e4461eb2 100644
--- a/apps/demos/Demos/DataGrid/SignalRService/Angular/app/app.component.html
+++ b/apps/demos/Demos/DataGrid/SignalRService/Angular/app/app.component.html
@@ -1,4 +1,5 @@
-<div ng-if="connectionStarted">
+@if (connectionStarted) {
+<div>
   <dx-data-grid
     id="gridContainer"
     [dataSource]="dataSource"
@@ -58,3 +59,4 @@
     </div>
   </dx-data-grid>
 </div>
+}
diff --git a/apps/demos/Demos/TreeView/FlatDataStructure/Angular/app/app.component.html b/apps/demos/Demos/TreeView/FlatDataStructure/Angular/app/app.component.html
index 34ffc44b4964..7404691b44f0 100644
--- a/apps/demos/Demos/TreeView/FlatDataStructure/Angular/app/app.component.html
+++ b/apps/demos/Demos/TreeView/FlatDataStructure/Angular/app/app.component.html
@@ -9,9 +9,11 @@
     [width]="300"
     (onItemClick)="selectItem($event)"
   ></dx-tree-view>
-  <div id="product-details" *ngIf="currentItem.price">
+  @if (currentItem.price) {
+  <div id="product-details">
     <img alt="{{ currentItem.name }}" [src]="currentItem.icon" />
     <div class="name">{{ currentItem.name }}</div>
     <div class="price">{{ "$" + currentItem.price }}</div>
   </div>
+  }
 </div>
diff --git a/apps/demos/Demos/TreeView/HierarchicalDataStructure/Angular/app/app.component.html b/apps/demos/Demos/TreeView/HierarchicalDataStructure/Angular/app/app.component.html
index 179174208ee0..07bfb7bd8fee 100644
--- a/apps/demos/Demos/TreeView/HierarchicalDataStructure/Angular/app/app.component.html
+++ b/apps/demos/Demos/TreeView/HierarchicalDataStructure/Angular/app/app.component.html
@@ -5,9 +5,11 @@
     [width]="300"
     (onItemClick)="selectItem($event)"
   ></dx-tree-view>
-  <div id="product-details" *ngIf="currentItem.price">
+  @if (currentItem.price) {
+  <div id="product-details">
     <img [src]="currentItem.image" />
     <div class="name">{{ currentItem.text }}</div>
     <div class="price">{{ "$" + currentItem.price }}</div>
   </div>
+  }
 </div>