<输入类型= "email" >中断模式对话框中的 ng 模型数据绑定



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

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

在显示模态的同时,我可以在输入字段中键入一些内容,并在旁边的文本中看到它的回声,正如预期的那样。但是,如果我将输入类型更改为type="email",就会破坏数据绑定。输入不再被回音。

其他人遇到过这个问题吗?

只有当输入字段具有有效的电子邮件时,它才会被响应。请将有效的电子邮件放入输入字段,并检查它是否工作。这是因为当type="email" ng-model只取有效的电子邮件值时,否则它将为undefined

这是因为类型为"电子邮件"。即使我们使用type='number',那么'ng模型'也将是未定义的,除非您在文本框中输入一些有效的数字。对于所有HTML5输入类型,我们应该给出有效的输入来为ng模型赋值。即使我们在文本框中使用正则表达式,ng模型也将是未定义的,直到我们给出一个满足正则表达式的值。

'http://plnkr.co/edit/G2RlzO4q1zKEPP0T8xvF?p=preview`

<body>
<h1>Hello Plunker!</h1>
Enter 3 to 12 characters only.
<br/>
<input type="text" ng-model="name" ng-pattern="/^[a-z]{3,12}$/"/>
<br/>
{{name}}

最新更新