WebOTP in Angular Application for both Android & IOS - Not working

click here

No it's not working. Basically i need to onpaste event wheile user click on his iphone chrome browser once he got the message. then it's going to get those otp at typescript file in angular. so is there any way ?

Troubleshooting WebOTP in Angular applications for both Android and iOS requires a meticulous approach. Ensure you've followed the standards and prerequisites for WebOTP implementation, including compatibility with Android and iOS browsers. Check if the necessary permissions are granted, and validate the integration with respective OTP providers. Debugging tools like Chrome Developer Tools or Safari Developer Tools can help diagnose issues. Additionally, consider testing on different devices and browser versions to pinpoint platform-specific discrepancies. If issues persist, consult Angular development services and WebOTP documentation, or seek assistance from relevant forums or communities for targeted support.

I think the problem lies in the way WebOTP is supported on different platforms. While Android devices support the OTPCredential interface, iOS devices do not have native support for it.

The condition if ("OTPCredential" in window) fails on iOS devices, leading to the code block not being executed.

try {
  if ("OTPCredential" in window) {
    const ac = new AbortController();
    setTimeout(() => {
      ac.abort();
    }, 60 * 1000);

    let o = {
      otp: { transport: ['sms'] },
      signal: ac.signal
    };

    navigator.credentials.get(o).then((otp: any) => {
      alert(otp['code']);
      ac.abort();
    }).catch((err) => {
      console.log(err);
    });
  } else {
    // Fallback mechanism for devices without OTPCredential support
    // Implement an alternative OTP retrieval method here
  }
} catch (e) {
  console.log(e);
}

Try this code might be it work