Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit b4e241a

Browse files
authoredDec 30, 2024··
docs(title): update angular to standalone (#3972)
1 parent e014657 commit b4e241a

File tree

22 files changed

+202
-12
lines changed

22 files changed

+202
-12
lines changed
 
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 { IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone';
4+
5+
@Component({
6+
selector: 'app-example',
7+
templateUrl: 'example.component.html',
8+
styleUrls: ['example.component.css'],
9+
imports: [IonHeader, IonTitle, IonToolbar],
10+
})
11+
export class ExampleComponent {}
12+
```

‎static/usage/v7/title/basic/index.md

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,23 @@ 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"
10-
code={{ javascript, react, vue, angular }}
12+
code={{
13+
javascript,
14+
react,
15+
vue,
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+
},
22+
}}
1123
src="usage/v7/title/basic/demo.html"
1224
devicePreview={true}
1325
includeIonContent={false}
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 { IonContent, IonHeader, IonItem, IonList, IonTitle, IonToolbar } from '@ionic/angular/standalone';
4+
5+
@Component({
6+
selector: 'app-example',
7+
templateUrl: 'example.component.html',
8+
styleUrls: ['example.component.css'],
9+
imports: [IonContent, IonHeader, IonItem, IonList, IonTitle, IonToolbar],
10+
})
11+
export class ExampleComponent {}
12+
```

‎static/usage/v7/title/collapsible-large-title/basic/index.md

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,24 @@ 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
mode="ios"
11-
code={{ javascript, react, vue, angular }}
13+
code={{
14+
javascript,
15+
react,
16+
vue,
17+
angular: {
18+
files: {
19+
'src/app/example.component.html': angular_example_component_html,
20+
'src/app/example.component.ts': angular_example_component_ts,
21+
},
22+
},
23+
}}
1224
src="usage/v7/title/collapsible-large-title/basic/demo.html"
1325
devicePreview={true}
1426
includeIonContent={false}
Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
```ts
2+
import { Component } from '@angular/core';
3+
import {
4+
IonButton,
5+
IonButtons,
6+
IonContent,
7+
IonHeader,
8+
IonItem,
9+
IonList,
10+
IonTitle,
11+
IonToolbar,
12+
} from '@ionic/angular/standalone';
13+
14+
@Component({
15+
selector: 'app-example',
16+
templateUrl: 'example.component.html',
17+
styleUrls: ['example.component.css'],
18+
imports: [IonButton, IonButtons, IonContent, IonHeader, IonItem, IonList, IonTitle, IonToolbar],
19+
})
20+
export class ExampleComponent {}
21+
```

‎static/usage/v7/title/collapsible-large-title/buttons/index.md

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,24 @@ 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
mode="ios"
11-
code={{ javascript, react, vue, angular }}
13+
code={{
14+
javascript,
15+
react,
16+
vue,
17+
angular: {
18+
files: {
19+
'src/app/example.component.html': angular_example_component_html,
20+
'src/app/example.component.ts': angular_example_component_ts,
21+
},
22+
},
23+
}}
1224
src="usage/v7/title/collapsible-large-title/buttons/demo.html"
1325
devicePreview={true}
1426
includeIonContent={false}
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 { IonContent, IonHeader, IonItem, IonList, IonTitle, IonToolbar } from '@ionic/angular/standalone';
4+
5+
@Component({
6+
selector: 'app-example',
7+
templateUrl: 'example.component.html',
8+
styleUrls: ['example.component.css'],
9+
imports: [IonContent, IonHeader, IonItem, IonList, IonTitle, IonToolbar],
10+
})
11+
export class ExampleComponent {}
12+
```

‎static/usage/v7/title/theming/css-properties/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
@@ -25,6 +26,7 @@ import angular_global_css from './angular/global_css.md';
2526
files: {
2627
'src/global.css': angular_global_css,
2728
'src/app/example.component.html': angular_example_component_html,
29+
'src/app/example.component.ts': angular_example_component_ts,
2830
},
2931
},
3032
}}
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 { IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone';
4+
5+
@Component({
6+
selector: 'app-example',
7+
templateUrl: 'example.component.html',
8+
styleUrls: ['example.component.css'],
9+
imports: [IonHeader, IonTitle, IonToolbar],
10+
})
11+
export class ExampleComponent {}
12+
```

‎static/usage/v8/title/basic/index.md

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,23 @@ 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="8"
10-
code={{ javascript, react, vue, angular }}
12+
code={{
13+
javascript,
14+
react,
15+
vue,
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+
},
22+
}}
1123
src="usage/v8/title/basic/demo.html"
1224
devicePreview={true}
1325
includeIonContent={false}
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 { IonContent, IonHeader, IonItem, IonList, IonTitle, IonToolbar } from '@ionic/angular/standalone';
4+
5+
@Component({
6+
selector: 'app-example',
7+
templateUrl: 'example.component.html',
8+
styleUrls: ['example.component.css'],
9+
imports: [IonContent, IonHeader, IonItem, IonList, IonTitle, IonToolbar],
10+
})
11+
export class ExampleComponent {}
12+
```

‎static/usage/v8/title/collapsible-large-title/basic/index.md

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,24 @@ 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="8"
1012
mode="ios"
11-
code={{ javascript, react, vue, angular }}
13+
code={{
14+
javascript,
15+
react,
16+
vue,
17+
angular: {
18+
files: {
19+
'src/app/example.component.html': angular_example_component_html,
20+
'src/app/example.component.ts': angular_example_component_ts,
21+
},
22+
},
23+
}}
1224
src="usage/v8/title/collapsible-large-title/basic/demo.html"
1325
devicePreview={true}
1426
includeIonContent={false}
Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
```ts
2+
import { Component } from '@angular/core';
3+
import {
4+
IonButton,
5+
IonButtons,
6+
IonContent,
7+
IonHeader,
8+
IonItem,
9+
IonList,
10+
IonTitle,
11+
IonToolbar,
12+
} from '@ionic/angular/standalone';
13+
14+
@Component({
15+
selector: 'app-example',
16+
templateUrl: 'example.component.html',
17+
styleUrls: ['example.component.css'],
18+
imports: [IonButton, IonButtons, IonContent, IonHeader, IonItem, IonList, IonTitle, IonToolbar],
19+
})
20+
export class ExampleComponent {}
21+
```

‎static/usage/v8/title/collapsible-large-title/buttons/index.md

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,24 @@ 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="8"
1012
mode="ios"
11-
code={{ javascript, react, vue, angular }}
13+
code={{
14+
javascript,
15+
react,
16+
vue,
17+
angular: {
18+
files: {
19+
'src/app/example.component.html': angular_example_component_html,
20+
'src/app/example.component.ts': angular_example_component_ts,
21+
},
22+
},
23+
}}
1224
src="usage/v8/title/collapsible-large-title/buttons/demo.html"
1325
devicePreview={true}
1426
includeIonContent={false}
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 { IonContent, IonHeader, IonItem, IonList, IonTitle, IonToolbar } from '@ionic/angular/standalone';
4+
5+
@Component({
6+
selector: 'app-example',
7+
templateUrl: 'example.component.html',
8+
styleUrls: ['example.component.css'],
9+
imports: [IonContent, IonHeader, IonItem, IonList, IonTitle, IonToolbar],
10+
})
11+
export class ExampleComponent {}
12+
```

‎static/usage/v8/title/theming/css-properties/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
@@ -25,6 +26,7 @@ import angular_global_css from './angular/global_css.md';
2526
files: {
2627
'src/global.css': angular_global_css,
2728
'src/app/example.component.html': angular_example_component_html,
29+
'src/app/example.component.ts': angular_example_component_ts,
2830
},
2931
},
3032
}}

0 commit comments

Comments
 (0)
Please sign in to comment.