From 84c85edd2a9529388addaf9c25bf43ab8d20aebc Mon Sep 17 00:00:00 2001
From: Shuaib Hasan Akib <akibh805@gmail.com>
Date: Wed, 8 Jul 2026 23:25:20 +0600
Subject: [PATCH] docs: update ng-content syntax to self-closing tags in
 content projection and component harnesses guides

---
 .../src/content/guide/components/content-projection.md | 10 +++++-----
 .../guide/testing/creating-component-harnesses.md      |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/adev/src/content/guide/components/content-projection.md b/adev/src/content/guide/components/content-projection.md
index 5459aead641e..202af3e35bf7 100644
--- a/adev/src/content/guide/components/content-projection.md
+++ b/adev/src/content/guide/components/content-projection.md
@@ -105,9 +105,9 @@ export class CardBody {}
   selector: 'custom-card',
   template: `
   <div class="card-shadow">
-    <ng-content select="card-title"></ng-content>
+    <ng-content select="card-title" />
     <div class="card-divider"></div>
-    <ng-content select="card-body"></ng-content>
+    <ng-content select="card-body" />
   </div>
   `,
 })
@@ -150,10 +150,10 @@ did not match a `select` attribute:
 ```angular-html
 <!-- Component template -->
 <div class="card-shadow">
-  <ng-content select="card-title"></ng-content>
+  <ng-content select="card-title" />
   <div class="card-divider"></div>
   <!-- capture anything except "card-title" -->
-  <ng-content></ng-content>
+  <ng-content />
 </div>
 ```
 
@@ -222,7 +222,7 @@ placeholder, Angular compares against the `ngProjectAs` value instead of the ele
 ```angular-html
 <!-- Component template -->
 <div class="card-shadow">
-  <ng-content select="card-title"></ng-content>
+  <ng-content select="card-title" />
   <div class="card-divider"></div>
   <ng-content />
 </div>
diff --git a/adev/src/content/guide/testing/creating-component-harnesses.md b/adev/src/content/guide/testing/creating-component-harnesses.md
index 6d0456e7bcfc..5cfb2455a00a 100644
--- a/adev/src/content/guide/testing/creating-component-harnesses.md
+++ b/adev/src/content/guide/testing/creating-component-harnesses.md
@@ -30,7 +30,7 @@ The `hostSelector` property identifies elements in the DOM that match this harne
   template: `
     <button (click)="toggle()">{{ triggerText() }}</button>
     @if (isOpen()) {
-      <div class="my-popup-content"><ng-content></ng-content></div>
+      <div class="my-popup-content"><ng-content /></div>
     }
   `,
 })