angular - Angular 2材料-如何防止Enter键改变textarea的大小

Question

我有一个 <textarea> （我正在使用 angular 2 材料），如下所示，我正在调用 Enter 键上的函数。从功能上讲，它可以正常工作，但是从用户体验的角度来看——按下回车键后，文本框的大小仍在变化——即，文本区域中会显示一个新行——在提交功能清除表单之前。如何停止更改文本区域大小的回车键？

<mat-form-field class="mat-form-field mat-form-field--no-padding" appearance="outline" color="Primary">
        <textarea (keyup.enter)="onKey($event, formGroupDirective)" matInput placeholder="do something" type="text" formControlName="message" required
            cdkTextareaAutosize #autosize="cdkTextareaAutosize" cdkAutosizeMinRows="1"
            cdkAutosizeMaxRows="5"></textarea>>

onKey(event, formGroupDirective: FormGroupDirective) {
    event.preventDefault()
    this.doSomething(formGroupDirective)
  }

前：

按下回车键后：

标签： angularangular-materialtextarea

Answer 1

https://stackoverflow.com/a/40656449/7037600

看来输入也由表单处理。在我实施了上面链接中列出的解决方案后，我的问题得到了解决。