From 9fd8df02b1e2714f625602d7cab9942fd1e10f84 Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Wed, 18 Dec 2024 19:06:52 -0500
Subject: [PATCH 1/3] docs(infinite-scroll): update angular to standalone

---
 .../basic/angular/example_component_ts.md              | 10 ++++++++++
 .../angular/example_component_ts.md                    |  2 ++
 .../angular/example_component_ts.md                    | 10 ++++++++++
 .../basic/angular/example_component_ts.md              | 10 ++++++++++
 .../angular/example_component_ts.md                    |  2 ++
 .../angular/example_component_ts.md                    | 10 ++++++++++
 6 files changed, 44 insertions(+)

diff --git a/static/usage/v7/infinite-scroll/basic/angular/example_component_ts.md b/static/usage/v7/infinite-scroll/basic/angular/example_component_ts.md
index 390ba6b75f1..b339ccb8d73 100644
--- a/static/usage/v7/infinite-scroll/basic/angular/example_component_ts.md
+++ b/static/usage/v7/infinite-scroll/basic/angular/example_component_ts.md
@@ -1,5 +1,14 @@
 ```tsx
 import { Component, OnInit } from '@angular/core';
+import {
+  IonAvatar,
+  IonContent,
+  IonInfiniteScroll,
+  IonInfiniteScrollContent,
+  IonItem,
+  IonLabel,
+  IonList,
+} from '@ionic/angular/standalone';
 
 import { InfiniteScrollCustomEvent } from '@ionic/angular';
 
@@ -7,6 +16,7 @@ import { InfiniteScrollCustomEvent } from '@ionic/angular';
   selector: 'app-example',
   templateUrl: 'example.component.html',
   styleUrls: ['example.component.scss'],
+  imports: [IonAvatar, IonContent, IonInfiniteScroll, IonInfiniteScrollContent, IonItem, IonLabel, IonList],
 })
 export class ExampleComponent implements OnInit {
   items = [];
diff --git a/static/usage/v7/infinite-scroll/custom-infinite-scroll-content/angular/example_component_ts.md b/static/usage/v7/infinite-scroll/custom-infinite-scroll-content/angular/example_component_ts.md
index 415ed5dba8b..b235a067581 100644
--- a/static/usage/v7/infinite-scroll/custom-infinite-scroll-content/angular/example_component_ts.md
+++ b/static/usage/v7/infinite-scroll/custom-infinite-scroll-content/angular/example_component_ts.md
@@ -1,5 +1,6 @@
 ```tsx
 import { Component, OnInit } from '@angular/core';
+import { IonAvatar, IonContent, IonInfiniteScroll, IonItem, IonLabel, IonList } from '@ionic/angular/standalone';
 
 import { InfiniteScrollCustomEvent } from '@ionic/angular';
 
@@ -7,6 +8,7 @@ import { InfiniteScrollCustomEvent } from '@ionic/angular';
   selector: 'app-example',
   templateUrl: 'example.component.html',
   styleUrls: ['example.component.scss'],
+  imports: [IonAvatar, IonContent, IonInfiniteScroll, IonItem, IonLabel, IonList],
 })
 export class ExampleComponent implements OnInit {
   items = [];
diff --git a/static/usage/v7/infinite-scroll/infinite-scroll-content/angular/example_component_ts.md b/static/usage/v7/infinite-scroll/infinite-scroll-content/angular/example_component_ts.md
index 415ed5dba8b..dd91d74152e 100644
--- a/static/usage/v7/infinite-scroll/infinite-scroll-content/angular/example_component_ts.md
+++ b/static/usage/v7/infinite-scroll/infinite-scroll-content/angular/example_component_ts.md
@@ -1,5 +1,14 @@
 ```tsx
 import { Component, OnInit } from '@angular/core';
+import {
+  IonAvatar,
+  IonContent,
+  IonInfiniteScroll,
+  IonInfiniteScrollContent,
+  IonItem,
+  IonLabel,
+  IonList,
+} from '@ionic/angular/standalone';
 
 import { InfiniteScrollCustomEvent } from '@ionic/angular';
 
@@ -7,6 +16,7 @@ import { InfiniteScrollCustomEvent } from '@ionic/angular';
   selector: 'app-example',
   templateUrl: 'example.component.html',
   styleUrls: ['example.component.scss'],
+  imports: [IonAvatar, IonContent, IonInfiniteScroll, IonInfiniteScrollContent, IonItem, IonLabel, IonList],
 })
 export class ExampleComponent implements OnInit {
   items = [];
diff --git a/static/usage/v8/infinite-scroll/basic/angular/example_component_ts.md b/static/usage/v8/infinite-scroll/basic/angular/example_component_ts.md
index 390ba6b75f1..b339ccb8d73 100644
--- a/static/usage/v8/infinite-scroll/basic/angular/example_component_ts.md
+++ b/static/usage/v8/infinite-scroll/basic/angular/example_component_ts.md
@@ -1,5 +1,14 @@
 ```tsx
 import { Component, OnInit } from '@angular/core';
+import {
+  IonAvatar,
+  IonContent,
+  IonInfiniteScroll,
+  IonInfiniteScrollContent,
+  IonItem,
+  IonLabel,
+  IonList,
+} from '@ionic/angular/standalone';
 
 import { InfiniteScrollCustomEvent } from '@ionic/angular';
 
@@ -7,6 +16,7 @@ import { InfiniteScrollCustomEvent } from '@ionic/angular';
   selector: 'app-example',
   templateUrl: 'example.component.html',
   styleUrls: ['example.component.scss'],
+  imports: [IonAvatar, IonContent, IonInfiniteScroll, IonInfiniteScrollContent, IonItem, IonLabel, IonList],
 })
 export class ExampleComponent implements OnInit {
   items = [];
diff --git a/static/usage/v8/infinite-scroll/custom-infinite-scroll-content/angular/example_component_ts.md b/static/usage/v8/infinite-scroll/custom-infinite-scroll-content/angular/example_component_ts.md
index 415ed5dba8b..b235a067581 100644
--- a/static/usage/v8/infinite-scroll/custom-infinite-scroll-content/angular/example_component_ts.md
+++ b/static/usage/v8/infinite-scroll/custom-infinite-scroll-content/angular/example_component_ts.md
@@ -1,5 +1,6 @@
 ```tsx
 import { Component, OnInit } from '@angular/core';
+import { IonAvatar, IonContent, IonInfiniteScroll, IonItem, IonLabel, IonList } from '@ionic/angular/standalone';
 
 import { InfiniteScrollCustomEvent } from '@ionic/angular';
 
@@ -7,6 +8,7 @@ import { InfiniteScrollCustomEvent } from '@ionic/angular';
   selector: 'app-example',
   templateUrl: 'example.component.html',
   styleUrls: ['example.component.scss'],
+  imports: [IonAvatar, IonContent, IonInfiniteScroll, IonItem, IonLabel, IonList],
 })
 export class ExampleComponent implements OnInit {
   items = [];
diff --git a/static/usage/v8/infinite-scroll/infinite-scroll-content/angular/example_component_ts.md b/static/usage/v8/infinite-scroll/infinite-scroll-content/angular/example_component_ts.md
index 415ed5dba8b..dd91d74152e 100644
--- a/static/usage/v8/infinite-scroll/infinite-scroll-content/angular/example_component_ts.md
+++ b/static/usage/v8/infinite-scroll/infinite-scroll-content/angular/example_component_ts.md
@@ -1,5 +1,14 @@
 ```tsx
 import { Component, OnInit } from '@angular/core';
+import {
+  IonAvatar,
+  IonContent,
+  IonInfiniteScroll,
+  IonInfiniteScrollContent,
+  IonItem,
+  IonLabel,
+  IonList,
+} from '@ionic/angular/standalone';
 
 import { InfiniteScrollCustomEvent } from '@ionic/angular';
 
@@ -7,6 +16,7 @@ import { InfiniteScrollCustomEvent } from '@ionic/angular';
   selector: 'app-example',
   templateUrl: 'example.component.html',
   styleUrls: ['example.component.scss'],
+  imports: [IonAvatar, IonContent, IonInfiniteScroll, IonInfiniteScrollContent, IonItem, IonLabel, IonList],
 })
 export class ExampleComponent implements OnInit {
   items = [];

From ccabd4d83b23201604ec045927517d0f583f2b52 Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Mon, 23 Dec 2024 15:58:03 -0500
Subject: [PATCH 2/3] docs(infinite-scroll): update angular to standalone

---
 docs/api/infinite-scroll.md                               | 4 +++-
 .../basic/angular/example_component_html.md               | 4 +++-
 .../infinite-scroll/basic/angular/example_component_ts.md | 8 ++++----
 .../angular/example_component_html.md                     | 4 +++-
 .../angular/example_component_ts.md                       | 6 ++----
 .../angular/example_component_html.md                     | 4 +++-
 .../angular/example_component_ts.md                       | 6 ++----
 .../basic/angular/example_component_html.md               | 4 +++-
 .../infinite-scroll/basic/angular/example_component_ts.md | 8 ++++----
 .../angular/example_component_html.md                     | 4 +++-
 .../angular/example_component_ts.md                       | 6 ++----
 .../angular/example_component_html.md                     | 4 +++-
 .../angular/example_component_ts.md                       | 6 ++----
 versioned_docs/version-v7/api/infinite-scroll.md          | 2 ++
 14 files changed, 39 insertions(+), 31 deletions(-)

diff --git a/docs/api/infinite-scroll.md b/docs/api/infinite-scroll.md
index dba18927800..5a8d29dc832 100644
--- a/docs/api/infinite-scroll.md
+++ b/docs/api/infinite-scroll.md
@@ -21,6 +21,8 @@ The Infinite Scroll component calls an action to be performed when the user scro
 
 The expression assigned to the `ionInfinite` event is called when the user reaches that defined distance. When this expression has finished any and all tasks, it should call the `complete()` method on the infinite scroll instance.
 
+## Basic Usage
+
 import Basic from '@site/static/usage/v8/infinite-scroll/basic/index.md';
 
 <Basic />
@@ -118,4 +120,4 @@ interface InfiniteScrollCustomEvent extends CustomEvent {
 <CustomProps />
 
 ## Slots
-<Slots />
\ No newline at end of file
+<Slots />
diff --git a/static/usage/v7/infinite-scroll/basic/angular/example_component_html.md b/static/usage/v7/infinite-scroll/basic/angular/example_component_html.md
index 55469ab3c5a..962be4924aa 100644
--- a/static/usage/v7/infinite-scroll/basic/angular/example_component_html.md
+++ b/static/usage/v7/infinite-scroll/basic/angular/example_component_html.md
@@ -1,12 +1,14 @@
 ```html
 <ion-content>
   <ion-list>
-    <ion-item *ngFor="let item of items; let index">
+    @for (item of items; track item; let index = $index) {
+    <ion-item>
       <ion-avatar slot="start">
         <img [src]="'https://picsum.photos/80/80?random=' + index" alt="avatar" />
       </ion-avatar>
       <ion-label>{{ item }}</ion-label>
     </ion-item>
+    }
   </ion-list>
   <ion-infinite-scroll (ionInfinite)="onIonInfinite($event)">
     <ion-infinite-scroll-content></ion-infinite-scroll-content>
diff --git a/static/usage/v7/infinite-scroll/basic/angular/example_component_ts.md b/static/usage/v7/infinite-scroll/basic/angular/example_component_ts.md
index b339ccb8d73..9c8ca7ccc8c 100644
--- a/static/usage/v7/infinite-scroll/basic/angular/example_component_ts.md
+++ b/static/usage/v7/infinite-scroll/basic/angular/example_component_ts.md
@@ -15,11 +15,11 @@ import { InfiniteScrollCustomEvent } from '@ionic/angular';
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
-  styleUrls: ['example.component.scss'],
+  styleUrls: ['example.component.css'],
   imports: [IonAvatar, IonContent, IonInfiniteScroll, IonInfiniteScrollContent, IonItem, IonLabel, IonList],
 })
 export class ExampleComponent implements OnInit {
-  items = [];
+  items: string[] = [];
 
   ngOnInit() {
     this.generateItems();
@@ -32,10 +32,10 @@ export class ExampleComponent implements OnInit {
     }
   }
 
-  onIonInfinite(ev) {
+  onIonInfinite(ev: InfiniteScrollCustomEvent) {
     this.generateItems();
     setTimeout(() => {
-      (ev as InfiniteScrollCustomEvent).target.complete();
+      ev.target.complete();
     }, 500);
   }
 }
diff --git a/static/usage/v7/infinite-scroll/custom-infinite-scroll-content/angular/example_component_html.md b/static/usage/v7/infinite-scroll/custom-infinite-scroll-content/angular/example_component_html.md
index 60c02b86ea0..fb41f8761c7 100644
--- a/static/usage/v7/infinite-scroll/custom-infinite-scroll-content/angular/example_component_html.md
+++ b/static/usage/v7/infinite-scroll/custom-infinite-scroll-content/angular/example_component_html.md
@@ -1,12 +1,14 @@
 ```html
 <ion-content>
   <ion-list>
-    <ion-item *ngFor="let item of items; let index">
+    @for (item of items; track item; let index = $index) {
+    <ion-item>
       <ion-avatar slot="start">
         <img [src]="'https://picsum.photos/80/80?random=' + index" alt="avatar" />
       </ion-avatar>
       <ion-label>{{ item }}</ion-label>
     </ion-item>
+    }
   </ion-list>
   <ion-infinite-scroll>
     <div class="infinite-scroll-content">
diff --git a/static/usage/v7/infinite-scroll/custom-infinite-scroll-content/angular/example_component_ts.md b/static/usage/v7/infinite-scroll/custom-infinite-scroll-content/angular/example_component_ts.md
index b235a067581..e7a9c133f12 100644
--- a/static/usage/v7/infinite-scroll/custom-infinite-scroll-content/angular/example_component_ts.md
+++ b/static/usage/v7/infinite-scroll/custom-infinite-scroll-content/angular/example_component_ts.md
@@ -2,16 +2,14 @@
 import { Component, OnInit } from '@angular/core';
 import { IonAvatar, IonContent, IonInfiniteScroll, IonItem, IonLabel, IonList } from '@ionic/angular/standalone';
 
-import { InfiniteScrollCustomEvent } from '@ionic/angular';
-
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
-  styleUrls: ['example.component.scss'],
+  styleUrls: ['example.component.css'],
   imports: [IonAvatar, IonContent, IonInfiniteScroll, IonItem, IonLabel, IonList],
 })
 export class ExampleComponent implements OnInit {
-  items = [];
+  items: string[] = [];
 
   ngOnInit() {
     for (let i = 1; i < 51; i++) {
diff --git a/static/usage/v7/infinite-scroll/infinite-scroll-content/angular/example_component_html.md b/static/usage/v7/infinite-scroll/infinite-scroll-content/angular/example_component_html.md
index 2e23e359257..d73da989437 100644
--- a/static/usage/v7/infinite-scroll/infinite-scroll-content/angular/example_component_html.md
+++ b/static/usage/v7/infinite-scroll/infinite-scroll-content/angular/example_component_html.md
@@ -1,12 +1,14 @@
 ```html
 <ion-content>
   <ion-list>
-    <ion-item *ngFor="let item of items; let index">
+    @for (item of items; track item; let index = $index) {
+    <ion-item>
       <ion-avatar slot="start">
         <img [src]="'https://picsum.photos/80/80?random=' + index" alt="avatar" />
       </ion-avatar>
       <ion-label>{{ item }}</ion-label>
     </ion-item>
+    }
   </ion-list>
   <ion-infinite-scroll>
     <ion-infinite-scroll-content loadingText="Please wait..." loadingSpinner="bubbles"></ion-infinite-scroll-content>
diff --git a/static/usage/v7/infinite-scroll/infinite-scroll-content/angular/example_component_ts.md b/static/usage/v7/infinite-scroll/infinite-scroll-content/angular/example_component_ts.md
index dd91d74152e..e670c8c3220 100644
--- a/static/usage/v7/infinite-scroll/infinite-scroll-content/angular/example_component_ts.md
+++ b/static/usage/v7/infinite-scroll/infinite-scroll-content/angular/example_component_ts.md
@@ -10,16 +10,14 @@ import {
   IonList,
 } from '@ionic/angular/standalone';
 
-import { InfiniteScrollCustomEvent } from '@ionic/angular';
-
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
-  styleUrls: ['example.component.scss'],
+  styleUrls: ['example.component.css'],
   imports: [IonAvatar, IonContent, IonInfiniteScroll, IonInfiniteScrollContent, IonItem, IonLabel, IonList],
 })
 export class ExampleComponent implements OnInit {
-  items = [];
+  items: string[] = [];
 
   ngOnInit() {
     for (let i = 1; i < 51; i++) {
diff --git a/static/usage/v8/infinite-scroll/basic/angular/example_component_html.md b/static/usage/v8/infinite-scroll/basic/angular/example_component_html.md
index 55469ab3c5a..962be4924aa 100644
--- a/static/usage/v8/infinite-scroll/basic/angular/example_component_html.md
+++ b/static/usage/v8/infinite-scroll/basic/angular/example_component_html.md
@@ -1,12 +1,14 @@
 ```html
 <ion-content>
   <ion-list>
-    <ion-item *ngFor="let item of items; let index">
+    @for (item of items; track item; let index = $index) {
+    <ion-item>
       <ion-avatar slot="start">
         <img [src]="'https://picsum.photos/80/80?random=' + index" alt="avatar" />
       </ion-avatar>
       <ion-label>{{ item }}</ion-label>
     </ion-item>
+    }
   </ion-list>
   <ion-infinite-scroll (ionInfinite)="onIonInfinite($event)">
     <ion-infinite-scroll-content></ion-infinite-scroll-content>
diff --git a/static/usage/v8/infinite-scroll/basic/angular/example_component_ts.md b/static/usage/v8/infinite-scroll/basic/angular/example_component_ts.md
index b339ccb8d73..9c8ca7ccc8c 100644
--- a/static/usage/v8/infinite-scroll/basic/angular/example_component_ts.md
+++ b/static/usage/v8/infinite-scroll/basic/angular/example_component_ts.md
@@ -15,11 +15,11 @@ import { InfiniteScrollCustomEvent } from '@ionic/angular';
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
-  styleUrls: ['example.component.scss'],
+  styleUrls: ['example.component.css'],
   imports: [IonAvatar, IonContent, IonInfiniteScroll, IonInfiniteScrollContent, IonItem, IonLabel, IonList],
 })
 export class ExampleComponent implements OnInit {
-  items = [];
+  items: string[] = [];
 
   ngOnInit() {
     this.generateItems();
@@ -32,10 +32,10 @@ export class ExampleComponent implements OnInit {
     }
   }
 
-  onIonInfinite(ev) {
+  onIonInfinite(ev: InfiniteScrollCustomEvent) {
     this.generateItems();
     setTimeout(() => {
-      (ev as InfiniteScrollCustomEvent).target.complete();
+      ev.target.complete();
     }, 500);
   }
 }
diff --git a/static/usage/v8/infinite-scroll/custom-infinite-scroll-content/angular/example_component_html.md b/static/usage/v8/infinite-scroll/custom-infinite-scroll-content/angular/example_component_html.md
index 60c02b86ea0..fb41f8761c7 100644
--- a/static/usage/v8/infinite-scroll/custom-infinite-scroll-content/angular/example_component_html.md
+++ b/static/usage/v8/infinite-scroll/custom-infinite-scroll-content/angular/example_component_html.md
@@ -1,12 +1,14 @@
 ```html
 <ion-content>
   <ion-list>
-    <ion-item *ngFor="let item of items; let index">
+    @for (item of items; track item; let index = $index) {
+    <ion-item>
       <ion-avatar slot="start">
         <img [src]="'https://picsum.photos/80/80?random=' + index" alt="avatar" />
       </ion-avatar>
       <ion-label>{{ item }}</ion-label>
     </ion-item>
+    }
   </ion-list>
   <ion-infinite-scroll>
     <div class="infinite-scroll-content">
diff --git a/static/usage/v8/infinite-scroll/custom-infinite-scroll-content/angular/example_component_ts.md b/static/usage/v8/infinite-scroll/custom-infinite-scroll-content/angular/example_component_ts.md
index b235a067581..e7a9c133f12 100644
--- a/static/usage/v8/infinite-scroll/custom-infinite-scroll-content/angular/example_component_ts.md
+++ b/static/usage/v8/infinite-scroll/custom-infinite-scroll-content/angular/example_component_ts.md
@@ -2,16 +2,14 @@
 import { Component, OnInit } from '@angular/core';
 import { IonAvatar, IonContent, IonInfiniteScroll, IonItem, IonLabel, IonList } from '@ionic/angular/standalone';
 
-import { InfiniteScrollCustomEvent } from '@ionic/angular';
-
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
-  styleUrls: ['example.component.scss'],
+  styleUrls: ['example.component.css'],
   imports: [IonAvatar, IonContent, IonInfiniteScroll, IonItem, IonLabel, IonList],
 })
 export class ExampleComponent implements OnInit {
-  items = [];
+  items: string[] = [];
 
   ngOnInit() {
     for (let i = 1; i < 51; i++) {
diff --git a/static/usage/v8/infinite-scroll/infinite-scroll-content/angular/example_component_html.md b/static/usage/v8/infinite-scroll/infinite-scroll-content/angular/example_component_html.md
index 2e23e359257..d73da989437 100644
--- a/static/usage/v8/infinite-scroll/infinite-scroll-content/angular/example_component_html.md
+++ b/static/usage/v8/infinite-scroll/infinite-scroll-content/angular/example_component_html.md
@@ -1,12 +1,14 @@
 ```html
 <ion-content>
   <ion-list>
-    <ion-item *ngFor="let item of items; let index">
+    @for (item of items; track item; let index = $index) {
+    <ion-item>
       <ion-avatar slot="start">
         <img [src]="'https://picsum.photos/80/80?random=' + index" alt="avatar" />
       </ion-avatar>
       <ion-label>{{ item }}</ion-label>
     </ion-item>
+    }
   </ion-list>
   <ion-infinite-scroll>
     <ion-infinite-scroll-content loadingText="Please wait..." loadingSpinner="bubbles"></ion-infinite-scroll-content>
diff --git a/static/usage/v8/infinite-scroll/infinite-scroll-content/angular/example_component_ts.md b/static/usage/v8/infinite-scroll/infinite-scroll-content/angular/example_component_ts.md
index dd91d74152e..e670c8c3220 100644
--- a/static/usage/v8/infinite-scroll/infinite-scroll-content/angular/example_component_ts.md
+++ b/static/usage/v8/infinite-scroll/infinite-scroll-content/angular/example_component_ts.md
@@ -10,16 +10,14 @@ import {
   IonList,
 } from '@ionic/angular/standalone';
 
-import { InfiniteScrollCustomEvent } from '@ionic/angular';
-
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
-  styleUrls: ['example.component.scss'],
+  styleUrls: ['example.component.css'],
   imports: [IonAvatar, IonContent, IonInfiniteScroll, IonInfiniteScrollContent, IonItem, IonLabel, IonList],
 })
 export class ExampleComponent implements OnInit {
-  items = [];
+  items: string[] = [];
 
   ngOnInit() {
     for (let i = 1; i < 51; i++) {
diff --git a/versioned_docs/version-v7/api/infinite-scroll.md b/versioned_docs/version-v7/api/infinite-scroll.md
index 81462fe6de0..4b33dda184e 100644
--- a/versioned_docs/version-v7/api/infinite-scroll.md
+++ b/versioned_docs/version-v7/api/infinite-scroll.md
@@ -23,6 +23,8 @@ The Infinite Scroll component calls an action to be performed when the user scro
 
 The expression assigned to the `ionInfinite` event is called when the user reaches that defined distance. When this expression has finished any and all tasks, it should call the `complete()` method on the infinite scroll instance.
 
+## Basic Usage
+
 import Basic from '@site/static/usage/v7/infinite-scroll/basic/index.md';
 
 <Basic />

From fbb97855375d6bc18ddd22d845e16061408cc5b5 Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 27 Dec 2024 15:53:09 -0500
Subject: [PATCH 3/3] docs(infinite-scroll): update angular to standalone

---
 .../v7/infinite-scroll/basic/angular/example_component_ts.md   | 3 +--
 .../v8/infinite-scroll/basic/angular/example_component_ts.md   | 3 +--
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/static/usage/v7/infinite-scroll/basic/angular/example_component_ts.md b/static/usage/v7/infinite-scroll/basic/angular/example_component_ts.md
index 9c8ca7ccc8c..7c35aba2138 100644
--- a/static/usage/v7/infinite-scroll/basic/angular/example_component_ts.md
+++ b/static/usage/v7/infinite-scroll/basic/angular/example_component_ts.md
@@ -1,6 +1,7 @@
 ```tsx
 import { Component, OnInit } from '@angular/core';
 import {
+  InfiniteScrollCustomEvent,
   IonAvatar,
   IonContent,
   IonInfiniteScroll,
@@ -10,8 +11,6 @@ import {
   IonList,
 } from '@ionic/angular/standalone';
 
-import { InfiniteScrollCustomEvent } from '@ionic/angular';
-
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
diff --git a/static/usage/v8/infinite-scroll/basic/angular/example_component_ts.md b/static/usage/v8/infinite-scroll/basic/angular/example_component_ts.md
index 9c8ca7ccc8c..7c35aba2138 100644
--- a/static/usage/v8/infinite-scroll/basic/angular/example_component_ts.md
+++ b/static/usage/v8/infinite-scroll/basic/angular/example_component_ts.md
@@ -1,6 +1,7 @@
 ```tsx
 import { Component, OnInit } from '@angular/core';
 import {
+  InfiniteScrollCustomEvent,
   IonAvatar,
   IonContent,
   IonInfiniteScroll,
@@ -10,8 +11,6 @@ import {
   IonList,
 } from '@ionic/angular/standalone';
 
-import { InfiniteScrollCustomEvent } from '@ionic/angular';
-
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',