鍍金池/ 問答/HTML5/ angular4 如何對textarea取值做怎樣的處理（基礎(chǔ)問題）

angular4 如何對textarea取值做怎樣的處理（基礎(chǔ)問題）

關(guān)于 textarea 的綁定，錯在哪了呢？
后續(xù)如何處理？這個好像更復(fù)雜
Template:

<textarea [ngModel]="EvaluateInfo.content" value="content" name="content"></textarea>

Ts:

private EvaluateInfo = {content: ''};

publishEvaluate(){
  console.log(this.EvaluateInfo.content)
  ... ...
}
回答
編輯回答
凝雅

首先，ts里面的EvaluateInfo不能設(shè)置為private，這樣的話不能在HTML里面綁定的，
然后，可用用雙向綁定，keyup方法可以在每次按鍵的時候調(diào)用:

// html
<textarea [(ngModel)]="EvaluateInfo.content" (keyup)="getValue()" value="content" name="content"></textarea>

// ts
EvaluateInfo = {content: ''};
getValue(){
  console.log(this.EvaluateInfo.content)
}

或者下面的也行，在每次按鍵的時候把textarea的值傳進(jìn)去：

// html
<textarea #textArea (keyup)="getValue(textArea.value)" name="content"></textarea>

// ts
getValue(value){
  console.log(value)
}
2018年2月6日 18:01