javascript - 按下空格键或 Enter 键后，Angular 模型不会更新

Question

我有以下可编辑的 div，它绑定(bind)到下面的 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

我通过简单的谷歌搜索“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+ */
}

原帖，这条评论可以在this SO post上找到。如果您发现它有用，请相信他们。