AngularJS ng-required 只允许空格

Question

我的表单上有一个 input[type=text]，带有 ng-required="true"。我有一个按钮单击事件，用于更新输入绑定(bind)到的模型。

如果更新后的值为空，则表单无效。但如果更新后的值完全是空白，则表单有效。

如果删除空格再读取，表单又会失效

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

这个问题有解决办法吗？现在我将只修剪我所有的后端数据。

Answer 1

问题的发生是因为 ng-model 的工作方式。

默认 ng-model 修剪输入值。如果你看这个modified fiddle在值周围加上引号，您可以看到用户输入的空格显示为空字符串。

但是，如果您强制模型为空白空间，则不会应用修剪，因此该模型在技术上是有效的。

您可以使用 ng-trim="false" 移除 ng-model 的默认修剪。然后你会得到更多预期的行为。