diff --git a/docs/en/Tutorials/Angular/Part-I.md b/docs/en/Tutorials/Angular/Part-I.md
index 88b5c8539e..46368eeecb 100644
--- a/docs/en/Tutorials/Angular/Part-I.md
+++ b/docs/en/Tutorials/Angular/Part-I.md
@@ -631,10 +631,10 @@ Replace `book-list.component.html` content as shown below:
       </ng-template>
       <ng-template pTemplate="body" let-data>
         <tr>
-          <td>{{ data.name }}</td>
-          <td>{{ booksType[data.type] }}</td>
-          <td>{{ data.publishDate | date }}</td>
-          <td>{{ data.price }}</td>
+          <td>{%{{{ data.name }}}%}</td>
+          <td>{%{{{ booksType[data.type] }}}%}</td>
+          <td>{%{{{ data.publishDate | date }}}%}</td>
+          <td>{%{{{ data.price }}}%}</td>
         </tr>
       </ng-template>
     </p-table>
diff --git a/docs/en/Tutorials/Angular/Part-II.md b/docs/en/Tutorials/Angular/Part-II.md
index 1dbfe9b5cd..6d1c563600 100644
--- a/docs/en/Tutorials/Angular/Part-II.md
+++ b/docs/en/Tutorials/Angular/Part-II.md
@@ -195,7 +195,7 @@ Open `book-list.component.html` and add the form in the body template of the mod
       <label for="book-type">Type</label><span> * </span>
       <select class="form-control" id="book-type" formControlName="type">
         <option [ngValue]="null">Select a book type</option>
-        <option [ngValue]="booksType[type]" *ngFor="let type of bookTypeArr"> {{ type }}</option>
+        <option [ngValue]="booksType[type]" *ngFor="let type of bookTypeArr"> {%{{{ type }}}%}</option>
       </select>
     </div>
 
@@ -461,10 +461,10 @@ Open the `book-list.component.html` and add modify the `p-table` as shown belo
           </div>
         </div>
       </td>
-      <td>{{ data.name }}</td>
-      <td>{{ booksType[data.type] }}</td>
-      <td>{{ data.publishDate | date }}</td>
-      <td>{{ data.price }}</td>
+      <td>{%{{{ data.name }}}%}</td>
+      <td>{%{{{ booksType[data.type] }}}%}</td>
+      <td>{%{{{ data.publishDate | date }}}%}</td>
+      <td>{%{{{ data.price }}}%}</td>
     </tr>
   </ng-template>
 </p-table>
@@ -483,7 +483,7 @@ Update the modal header to change the title based on the current operation:
 
 ```html
 <ng-template #abpHeader>
-  <h3>{{ selectedBook.id ? 'Edit' : 'New Book' }}</h3>
+  <h3>{%{{{ selectedBook.id ? 'Edit' : 'New Book' }}}%}</h3>
 </ng-template>
 ```
 
diff --git a/docs/pt-BR/Tutorials/Angular/Part-I.md b/docs/pt-BR/Tutorials/Angular/Part-I.md
index 566690a1d3..05e8a1b7e1 100644
--- a/docs/pt-BR/Tutorials/Angular/Part-I.md
+++ b/docs/pt-BR/Tutorials/Angular/Part-I.md
@@ -630,10 +630,10 @@ Substitua o `book-list.component.html`conteúdo conforme mostrado abaixo:
       </ng-template>
       <ng-template pTemplate="body" let-data>
         <tr>
-          <td>{{ data.name }}</td>
-          <td>{{ booksType[data.type] }}</td>
-          <td>{{ data.publishDate | date }}</td>
-          <td>{{ data.price }}</td>
+          <td>{%{{{ data.name }}}%}</td>
+          <td>{%{{{ booksType[data.type] }}}%}</td>
+          <td>{%{{{ data.publishDate | date }}}%}</td>
+          <td>{%{{{ data.price }}}%}</td>
         </tr>
       </ng-template>
     </p-table>
diff --git a/docs/pt-BR/Tutorials/Angular/Part-II.md b/docs/pt-BR/Tutorials/Angular/Part-II.md
index 6113c325a3..e22c7ee238 100644
--- a/docs/pt-BR/Tutorials/Angular/Part-II.md
+++ b/docs/pt-BR/Tutorials/Angular/Part-II.md
@@ -195,7 +195,7 @@ Abra `book-list.component.html`e adicione o formulário no modelo de corpo do mo
       <label for="book-type">Type</label><span> * </span>
       <select class="form-control" id="book-type" formControlName="type">
         <option [ngValue]="null">Select a book type</option>
-        <option [ngValue]="booksType[type]" *ngFor="let type of bookTypeArr"> {{ type }}</option>
+        <option [ngValue]="booksType[type]" *ngFor="let type of bookTypeArr"> {%{{{ type }}}%}</option>
       </select>
     </div>
 
@@ -455,10 +455,10 @@ Abra o `book-list.component.html` e adicione modifique o `p-table` como mostrado
           </div>
         </div>
       </td>
-      <td>{{ data.name }}</td>
-      <td>{{ booksType[data.type] }}</td>
-      <td>{{ data.publishDate | date }}</td>
-      <td>{{ data.price }}</td>
+      <td>{%{{{ data.name }}}%}</td>
+      <td>{%{{{ booksType[data.type] }}}%}</td>
+      <td>{%{{{ data.publishDate | date }}}%}</td>
+      <td>{%{{{ data.price }}}%}</td>
     </tr>
   </ng-template>
 </p-table>
@@ -477,7 +477,7 @@ Atualize o cabeçalho modal para alterar o título com base na operação atual:
 
 ```html
 <ng-template #abpHeader>
-  <h3>{{ selectedBook.id ? 'Edit' : 'New Book' }}</h3>
+  <h3>{%{{{ selectedBook.id ? 'Edit' : 'New Book' }}}%}</h3>
 </ng-template>
 ```