docs(angular): remove periods from comments

Author: thetaPC

docs/angular/your-first-app.md

@@ -182,14 +182,14 @@ We put the visual aspects of our app into `<ion-content>`. In this case, it’s
     </ion-toolbar>
   </ion-header>
 
-  <!-- CHANGE: Add the floating action button. -->
+  <!-- CHANGE: Add the floating action button -->
   <ion-fab vertical="bottom" horizontal="center" slot="fixed">
     <ion-fab-button>
       <ion-icon name="camera"></ion-icon>
     </ion-fab-button>
   </ion-fab>
 
-  <!-- CHANGE: Remove or comment out `app-explore-container`. -->
+  <!-- CHANGE: Remove or comment out `app-explore-container` -->
   <!-- <app-explore-container name="Tab 2 page"></app-explore-container> -->
 </ion-content>
 ```
@@ -205,9 +205,9 @@ Next, open `src/app/tabs/tabs.page.html`. Change the label to "Photos" and the `
     </ion-tab-button>
 
     <ion-tab-button tab="tab2" href="/tabs/tab2">
-      <!-- CHANGE: Update icon. -->
+      <!-- CHANGE: Update icon -->
       <ion-icon aria-hidden="true" name="images"></ion-icon>
-      <!-- CHANGE: Update label. -->
+      <!-- CHANGE: Update label -->
       <ion-label>Photos</ion-label>
     </ion-tab-button>
 

docs/angular/your-first-app/2-taking-photos.md

@@ -103,7 +103,7 @@ Then, open `tab2.page.html` and call the `addPhotoToGallery()` method when the F
   </ion-header>
 
   <ion-fab vertical="bottom" horizontal="center" slot="fixed">
-    <!-- CHANGE: Add a click event listener to the floating action button. -->
+    <!-- CHANGE: Add a click event listener to the floating action button -->
     <ion-fab-button (click)="addPhotoToGallery()">
       <ion-icon name="camera"></ion-icon>
     </ion-fab-button>
@@ -222,7 +222,7 @@ Next, switch to `tab2.page.html` to display the images. We'll add a [Grid compon
   <!-- CHANGE: Add a grid component to display the photos. -->
   <ion-grid>
     <ion-row>
-      <!-- CHANGE: Create a new column and image component for each photo. -->
+      <!-- CHANGE: Create a new column and image component for each photo -->
       <ion-col size="6" *ngFor="let photo of photoService.photos; index as position">
         <ion-img [src]="photo.webviewPath"></ion-img>
       </ion-col>

docs/angular/your-first-app/7-live-reload.md

@@ -147,7 +147,7 @@ Open `tab2.page.html` and add a new click handler to each `<ion-img>` element. W
   <ion-grid>
     <ion-row>
       <ion-col size="6" *ngFor="let photo of photoService.photos; index as position">
-        <!-- CHANGE: Add a click event listener to each image. -->
+        <!-- CHANGE: Add a click event listener to each image -->
         <ion-img [src]="photo.webviewPath" (click)="showActionSheet(photo, position)"></ion-img>
       </ion-col>
     </ion-row>

versioned_docs/version-v7/angular/your-first-app.md

@@ -182,14 +182,14 @@ We put the visual aspects of our app into `<ion-content>`. In this case, it’s
     </ion-toolbar>
   </ion-header>
 
-  <!-- CHANGE: Add the floating action button. -->
+  <!-- CHANGE: Add the floating action button -->
   <ion-fab vertical="bottom" horizontal="center" slot="fixed">
     <ion-fab-button>
       <ion-icon name="camera"></ion-icon>
     </ion-fab-button>
   </ion-fab>
 
-  <!-- CHANGE: Remove or comment out `app-explore-container`. -->
+  <!-- CHANGE: Remove or comment out `app-explore-container` -->
   <!-- <app-explore-container name="Tab 2 page"></app-explore-container> -->
 </ion-content>
 ```
@@ -205,9 +205,9 @@ Next, open `src/app/tabs/tabs.page.html`. Change the label to "Photos" and the `
     </ion-tab-button>
 
     <ion-tab-button tab="tab2" href="/tabs/tab2">
-      <!-- CHANGE: Update icon. -->
+      <!-- CHANGE: Update icon -->
       <ion-icon aria-hidden="true" name="images"></ion-icon>
-      <!-- CHANGE: Update label. -->
+      <!-- CHANGE: Update label -->
       <ion-label>Photos</ion-label>
     </ion-tab-button>
 

versioned_docs/version-v7/angular/your-first-app/2-taking-photos.md

@@ -103,7 +103,7 @@ Then, open `tab2.page.html` and call the `addPhotoToGallery()` method when the F
   </ion-header>
 
   <ion-fab vertical="bottom" horizontal="center" slot="fixed">
-    <!-- CHANGE: Add a click event listener to the floating action button. -->
+    <!-- CHANGE: Add a click event listener to the floating action button -->
     <ion-fab-button (click)="addPhotoToGallery()">
       <ion-icon name="camera"></ion-icon>
     </ion-fab-button>
@@ -222,7 +222,7 @@ Next, switch to `tab2.page.html` to display the images. We'll add a [Grid compon
   <!-- CHANGE: Add a grid component to display the photos. -->
   <ion-grid>
     <ion-row>
-      <!-- CHANGE: Create a new column and image component for each photo. -->
+      <!-- CHANGE: Create a new column and image component for each photo -->
       <ion-col size="6" *ngFor="let photo of photoService.photos; index as position">
         <ion-img [src]="photo.webviewPath"></ion-img>
       </ion-col>

versioned_docs/version-v7/angular/your-first-app/7-live-reload.md

@@ -147,7 +147,7 @@ Open `tab2.page.html` and add a new click handler to each `<ion-img>` element. W
   <ion-grid>
     <ion-row>
       <ion-col size="6" *ngFor="let photo of photoService.photos; index as position">
-        <!-- CHANGE: Add a click event listener to each image. -->
+        <!-- CHANGE: Add a click event listener to each image -->
         <ion-img [src]="photo.webviewPath" (click)="showActionSheet(photo, position)"></ion-img>
       </ion-col>
     </ion-row>