<input type ="email">在模态对话框中中断ng-model数据绑定

Question

我的应用程序使用带有简单输入元素的模态对话框

<input id="fieldEmail" class="form-control" type="text" ng-model="email" required="" />
email: {{ email }}

在显示模态时,我可以在输入字段中输入内容,并按预期在其旁边的文本中看到它.但是,如果我将输入类型更改为type ="email",则会破坏数据绑定.输入不再回应.

还有其他人遇到过这个问题吗？

Answer 1

只有当输入字段具有有效的电子邮件时它才会回显.所以将有效的电子邮件放入输入字段并检查它是否正常工作.这是因为当type="email" ng-model只获取有效的电子邮件值时,否则它会undefined.