docs: enhance spacings in content projection section examples (#43241)

PR Close #43241
angular · Sep 2, 2021 · 4e4a198 · 4e4a198
1 parent 5af9524
commit 4e4a198
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 17 deletions.
diff --git a/aio/content/examples/content-projection/src/app/example-zippy.template.html b/aio/content/examples/content-projection/src/app/example-zippy.template.html
@@ -2,7 +2,7 @@
 <!-- #docregion ngif -->
 <div *ngIf="expanded" [id]="contentId">
     <!-- #docregion ng-container -->
-    <ng-container [ngTemplateOutlet]="content.templateRef"> </ng-container>
+    <ng-container [ngTemplateOutlet]="content.templateRef"></ng-container>
     <!-- #enddocregion ng-container-->
 </div>
-<!-- #enddocregion ngif -->
+<!-- #enddocregion ngif -->
diff --git a/aio/content/examples/content-projection/src/app/zippy-basic/zippy-basic.component.ts b/aio/content/examples/content-projection/src/app/zippy-basic/zippy-basic.component.ts
@@ -3,8 +3,8 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-zippy-basic',
   template: `
-  <h2>Single-slot content projection</h2>
-  <ng-content></ng-content>
-`
+    <h2>Single-slot content projection</h2>
+    <ng-content></ng-content>
+  `
 })
 export class ZippyBasicComponent {}
diff --git a/aio/content/examples/content-projection/src/app/zippy-multislot/zippy-multislot.component.ts b/aio/content/examples/content-projection/src/app/zippy-multislot/zippy-multislot.component.ts
@@ -3,11 +3,13 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-zippy-multislot',
   template: `
-  <h2>Multi-slot content projection</h2>
-  Default:
-  <ng-content></ng-content>
-  Question:
-  <ng-content select="[question]"></ng-content>
-`
+    <h2>Multi-slot content projection</h2>
+
+    Default:
+    <ng-content></ng-content>
+
+    Question:
+    <ng-content select="[question]"></ng-content>
+  `
 })
 export class ZippyMultislotComponent {}
diff --git a/...tent/examples/content-projection/src/app/zippy-ngprojectas/zippy-ngprojectas.component.ts b/...tent/examples/content-projection/src/app/zippy-ngprojectas/zippy-ngprojectas.component.ts
@@ -3,11 +3,13 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-zippy-ngprojectas',
   template: `
-  <h2>Content projection with ngProjectAs</h2>
-  Default:
-  <ng-content></ng-content>
-  Question:
-  <ng-content select="[question]"></ng-content>
-`
+    <h2>Content projection with ngProjectAs</h2>
+
+    Default:
+    <ng-content></ng-content>
+
+    Question:
+    <ng-content select="[question]"></ng-content>
+  `
 })
 export class ZippyNgprojectasComponent {}