Skip to content

Commit 8fb6575

Browse files
authored
docs(angular): standalone components are not experimental (#3665)
1 parent 14ccc0c commit 8fb6575

File tree

1 file changed

+0
-26
lines changed

1 file changed

+0
-26
lines changed

docs/angular/navigation.md

-26
Original file line numberDiff line numberDiff line change
@@ -175,34 +175,8 @@ Here, we have a typical Angular Module setup, along with a RouterModule import,
175175

176176
## Standalone Components
177177

178-
:::warning Experimental API
179-
180-
Standalone components is an experimental API introduced in Angular 14.x and available in Ionic 6.3 and later. This feature may change before it is stable.
181-
182-
:::
183-
184178
Standalone components allow developers to lazy load a component on a route without having to declare the component to an Angular module.
185179

186-
To use standalone components with routing and Ionic Framework, you must first be on Ionic ^6.3.0. The experimental API requires developers to assign the `EnvironmentInjector` instance for each router outlet (`ion-router-outlet` and `ion-tabs`) that uses standalone component routing.
187-
188-
```ts title="app.component.ts"
189-
import { Component, EnvironmentInjector } from '@angular/core';
190-
191-
@Component({
192-
selector: 'app-root',
193-
template: 'app.component.html',
194-
})
195-
export class AppComponent {
196-
constructor(public environmentInjector: EnvironmentInjector) {}
197-
}
198-
```
199-
200-
```html title="app.component.html"
201-
<ion-router-outlet [environmentInjector]="environmentInjector"></ion-router-outlet>
202-
<!-- or if you are using ion-tabs -->
203-
<ion-tabs [environmentInjector]="environmentInjector"> ... </ion-tabs>
204-
```
205-
206180
Developers can use the existing syntax for standalone component routing from Angular:
207181

208182
```ts

0 commit comments

Comments
 (0)