Ionic - Revision history

Iwiseman: /* Entry Components */

2022-06-02T01:51:20Z

Entry Components

2022-06-02T01:50:41Z

Entry Components

@@ Line 130: / Line 130: @@
 })
 export class AppModule { }
 </syntaxhighlight>

2022-06-02T01:36:05Z

Example Usage

← Older revision		Revision as of 01:36, 2 June 2022
Line 109:		Line 109:
	}		}

			</syntaxhighlight>
			=Angular Bits=
			Whilst learning about ionic some bits and bobs were learnt here.
			==Entry Components==
			In the simplest terms possible, an entry component in Angular is any component that is loaded by its class, not selector.
			<syntaxhighlight lang="ts">
			...
			@NgModule({
			declarations: [
			AppComponent
			],
			imports: [
			...
			],
			providers: [],
			bootstrap: [AppComponent],
			entryComponents: [
			SomeEntryComponent
			]
			})
			export class AppModule { }
	</syntaxhighlight>		</syntaxhighlight>

2022-06-02T01:27:27Z

Capacitor

@@ Line 70: / Line 70: @@
 <syntaxhighlight lang="bash">
   ionic integrations enable capacitor
 </syntaxhighlight>

2022-06-01T23:01:37Z

← Older revision		Revision as of 23:01, 1 June 2022
Line 65:		Line 65:
	This produces code which will run in the WebVview on the device but also in the local web browser too. </br>		This produces code which will run in the WebVview on the device but also in the local web browser too. </br>
	[[File:Ionic Example.png \| 400px]]		[[File:Ionic Example.png \| 400px]]
			=Hardware=
			==Capacitor==
			Capacitor helps use cross-platform hardware e.g. storage we enable it with the CLI or in my version it is already enabled.
			<syntaxhighlight lang="bash">
			ionic integrations enable capacitor
			</syntaxhighlight>

2022-06-01T22:49:00Z

Ionic UI Components

← Older revision		Revision as of 22:49, 1 June 2022
Line 63:		Line 63:
	</ion-content>		</ion-content>
	</syntaxhighlight>		</syntaxhighlight>
	This produces code which will run in the WebVview on the device.</br>		This produces code which will run in the WebVview on the device but also in the local web browser too. </br>
	[[File:Ionic Example.png \| 400px]]		[[File:Ionic Example.png \| 400px]]

2022-06-01T22:47:57Z

Ionic UI Components

← Older revision		Revision as of 22:47, 1 June 2022
Line 64:		Line 64:
	</syntaxhighlight>		</syntaxhighlight>
	This produces code which will run in the WebVview on the device.</br>		This produces code which will run in the WebVview on the device.</br>
	[[File:Ionic Example.png \| ~~200px~~]]		[[File:Ionic Example.png \| 400px]]

2022-06-01T22:47:43Z

Ionic UI Components

← Older revision		Revision as of 22:47, 1 June 2022
Line 64:		Line 64:
	</syntaxhighlight>		</syntaxhighlight>
	This produces code which will run in the WebVview on the device.</br>		This produces code which will run in the WebVview on the device.</br>
	[[File:"Ionic Example.png" \| 200px]]		[[File:Ionic Example.png \| 200px]]

2022-06-01T22:47:18Z

Ionic UI Components

← Older revision		Revision as of 22:47, 1 June 2022
Line 64:		Line 64:
	</syntaxhighlight>		</syntaxhighlight>
	This produces code which will run in the WebVview on the device.</br>		This produces code which will run in the WebVview on the device.</br>
	[File:"Ionic Example.png" \| 200px]		[[File:"Ionic Example.png" \| 200px]]

2022-06-01T22:46:38Z

Ionic UI Components

← Older revision		Revision as of 22:46, 1 June 2022
Line 64:		Line 64:
	</syntaxhighlight>		</syntaxhighlight>
	This produces code which will run in the WebVview on the device.</br>		This produces code which will run in the WebVview on the device.</br>
	["Ionic Example.png" \| 200px]		[File:"Ionic Example.png" \| 200px]