Skip to content

Commit 5bcfe20

Browse files
brandyscarneybrandyscarney
authored
docs(loading): update angular to standalone (#3945)
1 parent 861de0f commit 5bcfe20

File tree

18 files changed

+118
-12
lines changed

18 files changed

+118
-12
lines changed

‎static/usage/v7/loading/controller/angular/example_component_ts.md‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
11
```ts
22
import { Component } from '@angular/core';
3-
4-
import { LoadingController } from '@ionic/angular';
3+
import { IonButton, LoadingController } from '@ionic/angular/standalone';
54

65
@Component({
76
selector: 'app-example',
87
templateUrl: 'example.component.html',
8+
styleUrls: ['example.component.css'],
9+
imports: [IonButton],
910
})
1011
export class ExampleComponent {
1112
constructor(private loadingCtrl: LoadingController) {}

static/usage/v7/loading/inline/angular.md renamed to static/usage/v7/loading/inline/angular/example_component_html.md

File renamed without changes.

‎static/usage/v7/loading/inline/angular/example_component_ts.md‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
```ts
2+
import { Component } from '@angular/core';
3+
import { IonButton, IonLoading } from '@ionic/angular/standalone';
4+
5+
@Component({
6+
selector: 'app-example',
7+
templateUrl: 'example.component.html',
8+
styleUrls: ['example.component.css'],
9+
imports: [IonButton, IonLoading],
10+
})
11+
export class ExampleComponent {}
12+
```

‎static/usage/v7/loading/inline/index.md‎

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,22 @@ import Playground from '@site/src/components/global/Playground';
33
import javascript from './javascript.md';
44
import react from './react.md';
55
import vue from './vue.md';
6-
import angular from './angular.md';
6+
7+
import angular_example_component_html from './angular/example_component_html.md';
8+
import angular_example_component_ts from './angular/example_component_ts.md';
79

810
<Playground
911
version="7"
1012
code={{
1113
javascript,
1214
react,
1315
vue,
14-
angular,
16+
angular: {
17+
files: {
18+
'src/app/example.component.html': angular_example_component_html,
19+
'src/app/example.component.ts': angular_example_component_ts,
20+
},
21+
},
1522
}}
1623
src="usage/v7/loading/inline/demo.html"
1724
/>

static/usage/v7/loading/spinners/angular.md renamed to static/usage/v7/loading/spinners/angular/example_component_html.md

File renamed without changes.

‎static/usage/v7/loading/spinners/angular/example_component_ts.md‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
```ts
2+
import { Component } from '@angular/core';
3+
import { IonButton, IonLoading } from '@ionic/angular/standalone';
4+
5+
@Component({
6+
selector: 'app-example',
7+
templateUrl: 'example.component.html',
8+
styleUrls: ['example.component.css'],
9+
imports: [IonButton, IonLoading],
10+
})
11+
export class ExampleComponent {}
12+
```

‎static/usage/v7/loading/spinners/index.md‎

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
import Playground from '@site/src/components/global/Playground';
22

33
import javascript from './javascript.md';
4-
import angular from './angular.md';
4+
5+
import angular_example_component_html from './angular/example_component_html.md';
6+
import angular_example_component_ts from './angular/example_component_ts.md';
57
import react from './react.md';
68
import vue from './vue.md';
79

@@ -11,7 +13,12 @@ import vue from './vue.md';
1113
javascript,
1214
react,
1315
vue,
14-
angular,
16+
angular: {
17+
files: {
18+
'src/app/example.component.html': angular_example_component_html,
19+
'src/app/example.component.ts': angular_example_component_ts,
20+
},
21+
},
1522
}}
1623
src="usage/v7/loading/spinners/demo.html"
1724
/>

‎static/usage/v7/loading/theming/angular/example_component_ts.md‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
```ts
2+
import { Component } from '@angular/core';
3+
import { IonButton, IonLoading } from '@ionic/angular/standalone';
4+
5+
@Component({
6+
selector: 'app-example',
7+
templateUrl: 'example.component.html',
8+
styleUrls: ['example.component.css'],
9+
imports: [IonButton, IonLoading],
10+
})
11+
export class ExampleComponent {}
12+
```

‎static/usage/v7/loading/theming/index.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ import react_main_css from './react/main_css.md';
88
import vue from './vue.md';
99

1010
import angular_example_component_html from './angular/example_component_html.md';
11+
import angular_example_component_ts from './angular/example_component_ts.md';
1112
import angular_global_css from './angular/global_css.md';
1213

1314
<Playground
@@ -24,6 +25,7 @@ import angular_global_css from './angular/global_css.md';
2425
angular: {
2526
files: {
2627
'src/app/example.component.html': angular_example_component_html,
28+
'src/app/example.component.ts': angular_example_component_ts,
2729
'src/global.css': angular_global_css,
2830
},
2931
},

‎static/usage/v8/loading/controller/angular/example_component_ts.md‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
11
```ts
22
import { Component } from '@angular/core';
3-
4-
import { LoadingController } from '@ionic/angular';
3+
import { IonButton, LoadingController } from '@ionic/angular/standalone';
54

65
@Component({
76
selector: 'app-example',
87
templateUrl: 'example.component.html',
8+
styleUrls: ['example.component.css'],
9+
imports: [IonButton],
910
})
1011
export class ExampleComponent {
1112
constructor(private loadingCtrl: LoadingController) {}

0 commit comments

Comments
 (0)