ejemplo de código de plantilla de inicio de sesión de ionic 5

Nuestro grupo de expertos pasados varios días de investigación y recopilación de de datos, han obtenido la respuesta, deseamos que resulte útil para ti en tu proyecto.

Ejemplo 1: página de inicio de sesión iónica

<ion-contentcolor="primary"padding><form#form="ngForm"(ngSubmit)="login(form)"><ion-grid><ion-rowcolor="primary"justify-content-center><ion-colalign-self-centersize-md="6"size-lg="5"size-xs="12"><divtext-center><h3>Loginh3>div><divpadding><ion-item><ion-inputname="email"type="email"placeholder="[email protected]"ngModelrequired>ion-input>ion-item><ion-item><ion-inputname="password"type="password"placeholder="Password"ngModelrequired>ion-input>ion-item>div><divpadding><ion-buttonsize="large"type="submit"[disabled]="form.invalid"expand="block">Loginion-button>div>ion-col>ion-row>ion-grid>form>ion-content>

Ejemplo 2: problema de inicio de sesión de Facebook iónico

1) Remove Cordova Facebook Plugin
    sudo cordova plugin rm cordova-plugin-facebook4
2) Update Cordova iOS version 
	npm update -g cordova
	cordova platform rm ios
	cordova platform add [email protected]
3) Reinstall cordova facebook plugin
	sudo cordova plugin add cordova-plugin-facebook4 --save --variable APP_ID=.... --variable APP_NAME=...
4) Add this to pod and install pod

	---- PODS ------	
	pod 'FBSDKCoreKit', '5.7.0'
	pod 'FBSDKLoginKit', '5.7.0'
pod 'FBSDKShareKit', '5.7.0'

Ejemplo 3: página de inicio de sesión iónica

<ion-contentcolor="primary"><form#form="ngForm"(ngSubmit)="register(form)"><ion-grid><ion-rowcolor="primary"justify-content-center><ion-colalign-self-centersize-md="6"size-lg="5"size-xs="12"><divtext-center><h3>Create your account!h3>div><divpadding><ion-item><ion-inputname="name"type="text"placeholder="Name"ngModelrequired>ion-input>ion-item><ion-item><ion-inputname="email"type="email"placeholder="[email protected]"ngModelrequired>ion-input>ion-item><ion-item><ion-inputname="password"type="password"placeholder="Password"ngModelrequired>ion-input>ion-item><ion-item><ion-inputname="confirm"type="password"placeholder="Password again"ngModelrequired>ion-input>ion-item>div><divpadding><ion-buttonsize="large"type="submit"[disabled]="form.invalid"expand="block">Registerion-button>div>ion-col>ion-row>ion-grid>form>ion-content>

Reseñas y valoraciones de la guía

Si eres capaz, tienes el poder dejar una crónica acerca de qué le añadirías a este enunciado.

---

---

Utiliza Nuestro Buscador