diff --git a/docs/en/framework/ui/angular/component-replacement.md b/docs/en/framework/ui/angular/component-replacement.md
index 6feebfc409..fbb0c4537f 100644
--- a/docs/en/framework/ui/angular/component-replacement.md
+++ b/docs/en/framework/ui/angular/component-replacement.md
@@ -608,13 +608,14 @@ Open the generated `nav-items.component.html` in `src/app/nav-items` folder and
         aria-labelledby="dropdownMenuLink"
         [class.d-block]="smallScreen && languageDropdown.isOpen()"
       >
-        <a
-          *ngFor="let lang of dropdownLanguages$ | async"
-          href="javascript:void(0)"
-          class="dropdown-item"
-          (click)="onChangeLang(lang.cultureName)"
-          >{%{{{ lang?.displayName }}}%}</a
-        >
+        @for (lang of dropdownLanguages$ | async; track lang.cultureName) {
+          <a
+            href="javascript:void(0)"
+            class="dropdown-item"
+            (click)="onChangeLang(lang.cultureName)"
+            >{%{{{ lang?.displayName }}}%}</a
+          >
+        }
       </div>
     </div>
   </li>
diff --git a/docs/en/framework/ui/angular/service-proxies.md b/docs/en/framework/ui/angular/service-proxies.md
index 52de85128a..c816158f77 100644
--- a/docs/en/framework/ui/angular/service-proxies.md
+++ b/docs/en/framework/ui/angular/service-proxies.md
@@ -152,9 +152,11 @@ export class BookComponent implements OnInit {
 <!-- simplified for sake of clarity -->
 <select formControlName="genre">
   <option [ngValue]="null">Select a genre</option>
-  <option *ngFor="let genre of genres" [ngValue]="genre.value">
-    {%{{{ genre.key }}}%}
-  </option>
+  @for (genre of genres; track genre.value) {
+    <option [ngValue]="genre.value">
+      {%{{{ genre.key }}}%}
+    </option>
+  }
 </select>
 ```