Angular 模型未更新 Space 或按下 Enter 键

Question

我有以下可编辑的 div，它绑定到下面的 post.text 范围变量 - 当我添加文本时，我可以看到下面的 div 更新了字符串的长度但是当我按 SPACE 或 ENTER 键时，即使我已将 ng-trim 属性设置为 false?

，它也不会将字符串长度增加一

任何想法 - 我正在使用 Angular 1.3.x

<div contenteditable id="post-textarea" ng-trim="false" ng-model="post.text"></div>
<div ng-bind-html="post.text.length"></div> <!-- displays the length of the string above -->

Answer 1

我通过简单的 google 搜索 'contenteditable space enter':

找到了这个答案

.content_editable_element {
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

原文post，此评论可在this SO post上找到。如果觉得有用请点赞。

Angular 模型未更新 Space 或按下 Enter 键

Angular model doesn't update with Space or Enter key are pressed

javascript

angularjs

angularjs-scope