AngularJS ng-required只允许空格

Question

我的input[type=text]表格上有一个ng-required="true".我有一个按钮单击事件,用于更新输入绑定的模型.

如果更新的值为空,则表单无效.但是如果更新的值完全是空格,则表单有效.

如果删除空白并读取它,表单将再次失效.

这个jsfiddle演示:http://jsfiddle.net/dayeh/

这个问题有解决方法吗？现在我将修剪所有后端数据.

Answer 1

出现问题是因为工作方式ng-model.

默认情况下ng-model修剪输入值.如果你看看这个修改过的小提琴的值,你可以看到用户输入的空格显示为一个空字符串.

但是,如果强制模型为空的空间,则不应用修剪,因此模型在技术上是有效的.

您可以删除默认的微调ng-model用ng-trim="false".然后你会获得更多预期的行为.