Question

我有以下可编辑的div，它绑定到下面的post.text范围变量 - 当我添加文本时，我可以看到下面的div更新字符串的长度但是当我按下SPACE或ENTER键时它不会＆＃39 ; t将字符串长度增加1，即使我已将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

我使用简单的谷歌搜索找到了这个答案，以确保空间进入＆＃39;：

.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找到。如果您发现它有用，请相信它们。

Angular模型不会使用Space或Enter键进行更新

1 个答案: