above div not appear on device…but appear very well on safari and chrome browser.
why is it?
I need firebase recapcha to verifying phone number
home.html
<div id="sign-in-button" class="sign-in-button"></div>
<div *ngIf="windowRef.confirmationResult">
<label for="code"> enter code here</label>
<input type="text" name="code" [(ngModel)]="verificationCode">
<button (click)="verifyLoginCode()"> Verify </button>
</div>
home.ts
ionViewDidLoad() {
console.log('ionViewDidLoad ProfilePage');
this.windowRef.RecaptchaVerifier= new firebase.auth.RecaptchaVerifier('sign-in-button')
this.windowRef.RecaptchaVerifier.render()
}
verifyLoginCode(){
this.windowRef.confirmationResult.confirm(this.verificationCode).then(result=>{
console.log("result success");
console.log(result);
console.log(result.user);
}).catch((err)=>{
console.log(err)
console.log(err.code);
console.log(err.message);
})
}