From 11b41f597bdbd64d6120d64fd46ab5c4a914612b Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Mon, 30 Dec 2024 13:25:48 -0500 Subject: [PATCH] docs(keyboard): update angular to standalone (#3940) --- .../example_component_html.md} | 0 .../enterkeyhint/angular/example_component_ts.md | 12 ++++++++++++ static/usage/v7/keyboard/enterkeyhint/index.md | 11 +++++++++-- .../example_component_html.md} | 0 .../inputmode/angular/example_component_ts.md | 12 ++++++++++++ static/usage/v7/keyboard/inputmode/index.md | 11 +++++++++-- .../example_component_html.md} | 0 .../enterkeyhint/angular/example_component_ts.md | 12 ++++++++++++ static/usage/v8/keyboard/enterkeyhint/index.md | 11 +++++++++-- .../example_component_html.md} | 0 .../inputmode/angular/example_component_ts.md | 12 ++++++++++++ static/usage/v8/keyboard/inputmode/index.md | 11 +++++++++-- 12 files changed, 84 insertions(+), 8 deletions(-) rename static/usage/v7/keyboard/enterkeyhint/{angular.md => angular/example_component_html.md} (100%) create mode 100644 static/usage/v7/keyboard/enterkeyhint/angular/example_component_ts.md rename static/usage/v7/keyboard/inputmode/{angular.md => angular/example_component_html.md} (100%) create mode 100644 static/usage/v7/keyboard/inputmode/angular/example_component_ts.md rename static/usage/v8/keyboard/enterkeyhint/{angular.md => angular/example_component_html.md} (100%) create mode 100644 static/usage/v8/keyboard/enterkeyhint/angular/example_component_ts.md rename static/usage/v8/keyboard/inputmode/{angular.md => angular/example_component_html.md} (100%) create mode 100644 static/usage/v8/keyboard/inputmode/angular/example_component_ts.md diff --git a/static/usage/v7/keyboard/enterkeyhint/angular.md b/static/usage/v7/keyboard/enterkeyhint/angular/example_component_html.md similarity index 100% rename from static/usage/v7/keyboard/enterkeyhint/angular.md rename to static/usage/v7/keyboard/enterkeyhint/angular/example_component_html.md diff --git a/static/usage/v7/keyboard/enterkeyhint/angular/example_component_ts.md b/static/usage/v7/keyboard/enterkeyhint/angular/example_component_ts.md new file mode 100644 index 00000000000..fbf2fdf258f --- /dev/null +++ b/static/usage/v7/keyboard/enterkeyhint/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonInput, IonItem, IonList } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonInput, IonItem, IonList], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v7/keyboard/enterkeyhint/index.md b/static/usage/v7/keyboard/enterkeyhint/index.md index eeadc6869c6..f7944a4c666 100644 --- a/static/usage/v7/keyboard/enterkeyhint/index.md +++ b/static/usage/v7/keyboard/enterkeyhint/index.md @@ -3,7 +3,9 @@ import Playground from '@site/src/components/global/Playground'; import javascript from './javascript.md'; import react from './react.md'; import vue from './vue.md'; -import angular from './angular.md'; + +import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_ts from './angular/example_component_ts.md'; diff --git a/static/usage/v7/keyboard/inputmode/angular.md b/static/usage/v7/keyboard/inputmode/angular/example_component_html.md similarity index 100% rename from static/usage/v7/keyboard/inputmode/angular.md rename to static/usage/v7/keyboard/inputmode/angular/example_component_html.md diff --git a/static/usage/v7/keyboard/inputmode/angular/example_component_ts.md b/static/usage/v7/keyboard/inputmode/angular/example_component_ts.md new file mode 100644 index 00000000000..fbf2fdf258f --- /dev/null +++ b/static/usage/v7/keyboard/inputmode/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonInput, IonItem, IonList } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonInput, IonItem, IonList], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v7/keyboard/inputmode/index.md b/static/usage/v7/keyboard/inputmode/index.md index 44379c3901a..b52747c514f 100644 --- a/static/usage/v7/keyboard/inputmode/index.md +++ b/static/usage/v7/keyboard/inputmode/index.md @@ -3,7 +3,9 @@ import Playground from '@site/src/components/global/Playground'; import javascript from './javascript.md'; import react from './react.md'; import vue from './vue.md'; -import angular from './angular.md'; + +import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_ts from './angular/example_component_ts.md'; diff --git a/static/usage/v8/keyboard/enterkeyhint/angular.md b/static/usage/v8/keyboard/enterkeyhint/angular/example_component_html.md similarity index 100% rename from static/usage/v8/keyboard/enterkeyhint/angular.md rename to static/usage/v8/keyboard/enterkeyhint/angular/example_component_html.md diff --git a/static/usage/v8/keyboard/enterkeyhint/angular/example_component_ts.md b/static/usage/v8/keyboard/enterkeyhint/angular/example_component_ts.md new file mode 100644 index 00000000000..fbf2fdf258f --- /dev/null +++ b/static/usage/v8/keyboard/enterkeyhint/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonInput, IonItem, IonList } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonInput, IonItem, IonList], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v8/keyboard/enterkeyhint/index.md b/static/usage/v8/keyboard/enterkeyhint/index.md index 1264951503a..3701e84cbda 100644 --- a/static/usage/v8/keyboard/enterkeyhint/index.md +++ b/static/usage/v8/keyboard/enterkeyhint/index.md @@ -3,7 +3,9 @@ import Playground from '@site/src/components/global/Playground'; import javascript from './javascript.md'; import react from './react.md'; import vue from './vue.md'; -import angular from './angular.md'; + +import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_ts from './angular/example_component_ts.md'; diff --git a/static/usage/v8/keyboard/inputmode/angular.md b/static/usage/v8/keyboard/inputmode/angular/example_component_html.md similarity index 100% rename from static/usage/v8/keyboard/inputmode/angular.md rename to static/usage/v8/keyboard/inputmode/angular/example_component_html.md diff --git a/static/usage/v8/keyboard/inputmode/angular/example_component_ts.md b/static/usage/v8/keyboard/inputmode/angular/example_component_ts.md new file mode 100644 index 00000000000..fbf2fdf258f --- /dev/null +++ b/static/usage/v8/keyboard/inputmode/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonInput, IonItem, IonList } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonInput, IonItem, IonList], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v8/keyboard/inputmode/index.md b/static/usage/v8/keyboard/inputmode/index.md index 1d80ba8703d..fca0fd02bc5 100644 --- a/static/usage/v8/keyboard/inputmode/index.md +++ b/static/usage/v8/keyboard/inputmode/index.md @@ -3,7 +3,9 @@ import Playground from '@site/src/components/global/Playground'; import javascript from './javascript.md'; import react from './react.md'; import vue from './vue.md'; -import angular from './angular.md'; + +import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_ts from './angular/example_component_ts.md';