javascript - “必需”验证无法使用 x editable 和 angularjs 正常工作

Question

我正在使用 AngualarJS，我有一个文本框，我正在其上实现 xeditable

<div id="editableTitle">
                <a href="#"  editable-text="template.title" e-required e-placeholder="Enter Unique Title" e-maxlength="30" onaftersave="updateTitle()">{{template.title}}</a>
            </div>

Controller 调用数据库并保存标题。

我的问题是，当我从文本框中删除内容时，它会显示“必填字段”验证消息，这是绝对正确的......但是当我从文本框中删除内容并添加一个空格时......然后验证失败并且它接受“空白”内容......这不应该发生，对于这种情况......它应该始终显示“必填字段”验证消息。

Answer 1

angularjs 默认 trim ng-model 的内容.. 你需要在你的元素上使用 ng-trim="false"

<a href="#"  ng-trim="false" editable-text="template.title" e-required e-placeholder="Enter Unique Title" e-maxlength="30" onaftersave="updateTitle()">{{template.title}}</a>