Login.html:
<form [formGroup]="logform" (ng-submit)="AuthLogin(logform.value)">
<ion-item class="ion-item">
<ion-label style="color:azure;" floating>Company Name</ion-label>
<ion-select class="ion-select" formControlName="compname" style="text-align:center;">
<ion-option *ngFor="let item of optionsList" value="{{item.value}}">{{item.text}}</ion-option>
</ion-select>
</ion-item>
<ion-item class="ion-item">
<ion-label floating>Username</ion-label>
<ion-input formControlName="UserName" type="text"></ion-input>
</ion-item>
<ion-item class="ion-item">
<ion-label floating>Password</ion-label>
<ion-input formControlName="password" type="password"></ion-input>
</ion-item>
<br>
<button type="submit" color="logbtn" ion-button block>Login</button>
</form>
Login.ts:
import {Validators, FormBuilder, FormGroup, FormControl } from '@angular/forms';
constructor(public navCtrl: NavController, public navParams: NavParams,public formbuilder:FormBuilder,
public authService:AuthServiceProvider,public alertCtrl:AlertController,
public loadingCtrl:LoadingController,public evn:Events) {}
this.logform=this.formbuilder.group({
compname: new FormControl('',Validators.required),
UserName: new FormControl('',Validators.required),
password: new FormControl('',Validators.required)
});
AuthLogin(value){
if(this.logform.valid){
this.data={username:value.UserName,PassWord:value.password};
this.authService.PostMethodFunction(this.data,'Login').then((result)=>{
var length= Object.keys(result).length;
if(length!=0)
{
localStorage.setItem('CompanyName',value.compname);
this.logdata=result;
this.evn.publish('SideMenuEvent',this.logdata);
this.navCtrl.push('HomePage');
}
});
}
}
even though i’m not getting any error in browser console and I put breakpoint at submit function it does not hit the breakpoint.
My Ionic info
cli packages:
@ionic/cli-utils : 1.19.1
ionic (Ionic CLI) : 3.19.1
global packages:
cordova (Cordova CLI) : not installed
local packages:
@ionic/app-scripts : 3.1.8
Cordova Platforms : none
Ionic Framework : ionic-angular 3.9.2
System:
Node : v8.9.1
npm : 5.7.1
OS : Windows 10