当前位置: 首页 > 知识库问答 >
问题:

角2材料-如何防止回车键改变textarea的大小

徐栋
2023-03-14

我有一个

<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)
  }

共有1个答案

傅高逸
2023-03-14

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

表单似乎也处理了enter。在我实现了上面链接中列出的解决方案后,我的问题得到了解决。

 类似资料:
  • Angular material在选择时出现问题。像materiel auto complete一样,在单击按钮时无法选择值。但是它在单击按钮时工作。因此,我需要手动覆盖key事件上的key事件。怎么可能?

  • 如何改变材料角度到上一个旧版本,我们使用而不是? 现在我有

  • html SystemJS配置 家庭组件 问-我如何修复这个未知元素的问题?谢了!

  • 我使用MdDialogModule显示一个带有输入字段的对话框窗口。模态打开良好,我能够在输入字段中输入文本并提交,但单击提交按钮后,我希望输入表单中的数据返回到称为对话框组件的主组件,并关闭对话框。 我的对话框组件代码如下所示 主组件中调用对话框的方法如下所示。现在没有返回任何响应,它返回未定义,因为我还没有弄清楚。

  • 问题内容: 在IE上,我可以使用(非常不标准,但可以正常工作)的jQuery做到这一点 但是,是否可以以在Firefox上运行的方式或以跨浏览器的方式获得奖励呢? 作为记录: 什么也没做。 解决了问题,但使退格键在页面上不可用,这甚至比原始行为还差。 编辑:我这样做的原因是我不是在创建一个简单的网页而是一个大型应用程序。仅仅因为您在错误的位置按了退格键,就失去了10分钟的工作,这真是令人讨厌。通过

  • 我想在进行某些处理时显示一个进度条覆盖图。我可以计算完成百分比,所以我想使用一个确定的进度条。对于覆盖部分,我想使用一个对话框。基本上,我想做这里要做的事情(Angular 2 Material Progress微调器:显示为叠加),但我不需要微调器。因此,我的组件将如下所示: 模板: 元件: 然后我使用这个组件的代码如下: 我发现了这一点(如何将数据传递到angular material 2的对