angular4 如何对textarea取值做怎样的处理（基础问题）

Question

关于 textarea 的绑定，错在哪了呢？
后续如何处理？这个好像更复杂
Template:

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

Ts:

private EvaluateInfo = {content: ''};

publishEvaluate(){
  console.log(this.EvaluateInfo.content)
  ... ...
}

Answer 1

首先，ts里面的EvaluateInfo不能设置为private，这样的话不能在HTML里面绑定的，
然后，可用用双向绑定，keyup方法可以在每次按键的时候调用:

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

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

或者下面的也行，在每次按键的时候把textarea的值传进去：

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

// ts
getValue(value){
  console.log(value)
}