鍍金池/ 問答/HTML5  Linux/ Angular4 textarea 雙向綁定失敗(substr處理后不能回傳)

Angular4 textarea 雙向綁定失敗(substr處理后不能回傳)

當(dāng)文本框內(nèi)字?jǐn)?shù)超100時(shí),輸出:console.log(this.EvaluateInfo.content.length),已經(jīng)是100了,但頁(yè)面超出內(nèi)容并沒有變,也就是雙向綁定不成功(Ts處理后的值未能傳回到模板上)。
1.雙向綁定,差在哪里?
2.如果要寫一個(gè)判斷,輸入的內(nèi)容全是空格,該用Js的哪個(gè)方法?(內(nèi)容全為空格禁止發(fā)表)

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);
}
回答
編輯回答
熟稔

1,如果頁(yè)面數(shù)據(jù)沒事刷新的話,你可以引入ChangeDetectorRef 強(qiáng)制刷新,2,字符串首尾去空格str.trim()

2017年12月10日 07:37
編輯回答
若相惜

1.雙向綁定是[(ngModel)],你少了小括號(hào)。
2.判斷內(nèi)容是否為空格就用正則,這個(gè)百度就很多了

2018年3月10日 15:36