Angular4 textarea 双向绑定失败(substr处理后不能回传)

当文本框内字数超100时,输出:console.log(this.EvaluateInfo.content.length),已经是100了,但页面超出内容并没有变,也就是双向绑定不成功(Ts处理后的值未能传回到模板上)。
1.双向绑定,差在哪里?
2.如果要写一个判断,输入的内容全是空格,该用Js的哪个方法?(内容全为空格禁止发表)

template:

<textarea [(ngModel)]="EvaluateInfo.content" value="content" name="content"></textarea>
<p>还可以输入<span>{{remainWrods}}</span></p>

Ts:

this.remainWords = 100 - this.EvaluateInfo.content.length;
if(this.remainWords <= 0){
  this.EvaluateInfo.content = this.EvaluateInfo.content.substr(0, 100)

console.log(this.EvaluateInfo.content.length);
}
阅读 2.4k
2 个回答

1.双向绑定是[(ngModel)],你少了小括号。
2.判断内容是否为空格就用正则,这个百度就很多了

1,如果页面数据没事刷新的话,你可以引入ChangeDetectorRef 强制刷新,2,字符串首尾去空格str.trim()

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进