更改焦点上的输入类型

Question

<input type = "text" (focus)="this.type='date'">

当用户关注输入字段时更改输入类型，默认类型为文本。

例如，这在普通的javascript中有效，类型保持为文本，直到用户将光标移动到输入字段内

<input type = "text" onFocus="this.type='date'"> 

Answer 1

您使用了focus事件的错误语法，请尝试以Angular的方式使用它，如下所述-

<input placeholder="Select Date" type = "text" #inp (focus)="inp.type='date'"> 

Working Example