diff --git a/docs/en/tutorials/todo/layered/index.md b/docs/en/tutorials/todo/layered/index.md
index 3b4004b10f..1cc2f9030c 100644
--- a/docs/en/tutorials/todo/layered/index.md
+++ b/docs/en/tutorials/todo/layered/index.md
@@ -827,7 +827,7 @@ Open the `/angular/src/app/home/home.component.html` file and replace its conten
             <ul id="TodoList">
                 @for (todoItem of todoItems; track todoItem.id) {
                 <li>
-                    <i class="fa fa-trash-o" (click)="delete(todoItem.id)"></i> {{ todoItem.text }}
+                    <i class="fa fa-trash-o" (click)="delete(todoItem.id)"></i> {%{{{ todoItem.text }}}%}
                 </li>
                 }
             </ul>
diff --git a/docs/en/tutorials/todo/single-layer/index.md b/docs/en/tutorials/todo/single-layer/index.md
index 0455ccd12f..b236196663 100644
--- a/docs/en/tutorials/todo/single-layer/index.md
+++ b/docs/en/tutorials/todo/single-layer/index.md
@@ -793,7 +793,7 @@ Open the `/angular/src/app/home/home.component.html` file and replace its conten
             <ul id="TodoList">
                 @for (todoItem of todoItems; track todoItem.id) {
                 <li>
-                    <i class="fa fa-trash-o" (click)="delete(todoItem.id)"></i> {{ todoItem.text }}
+                    <i class="fa fa-trash-o" (click)="delete(todoItem.id)"></i> {%{{{ todoItem.text }}}%}
                 </li>
                 }
             </ul>