Component: InputOtp - Misleading documentation when using template

[rehdie]

Describe the bug

The example for the templates contains some problems:

1. only the keydown and input-events are forwarded to the events-object, which cause pasting to fail (see p-inputOtp does not paste code sent by SMS, only sets the first digit #16373)
2. If you use [attr.value]="token" as in the example, this causes a weird effect, when pasting: Paste the OTP, clear all fields and paste again => the formControl (the model) is filled but all input-fields remain empty! You have to use [value]="token ?? ''" to fix this issue (if you use [value]="token", the input-fields initially contain "undefined"!)

Environment

Windows 10

Reproducer

No response

Angular version

18.2.0

PrimeNG version

17.18.11

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.18.0

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

[github-actions]

Due to PrimeNG team's busy roadmap, this issue is available for anyone to work on. Make sure to reference this issue in your pull request. ✨ Thank you for your contribution! ✨