typescript - Angular2使textarea按回车键而不添加新行

标签 typescript angular

我有一个用于输入文本的文本区域。 当用户完成输入时,我让他们使用 [Enter] 通过

确认文本
<textarea #msgInput (keyup.enter)="confirmText(msgInput.value)" >
</textarea>

尽管我可以成功获取 confirmText() 中的文本。 在文本区域的值上创建一个换行符。

如何正确地将换行符放入文本区域? 我知道在编写 js 时存在诸如 return 0 和 preventDefault() 之类的方法,但我不知道如何在 Angular2 typescript 中做到这一点。

最佳答案

向表达式添加 ;false 以抑制默认行为:

<textarea #msgInput (keydown.enter)="confirmText(msgInput.value);false" >

您还必须使用 keydown 而不是 keyup 因为取消 keyup 为时已晚。

Plunker example

关于typescript - Angular2使textarea按回车键而不添加新行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36822770/

相关文章:

typescript - Angular2 NgFor 在组件内

unit-testing - 测试组件时如何模拟管道

javascript - 用 TypeScript 编写的具有 protected /私有(private)字段的类可以从 JavaScript 中的类外部访问吗?

typescript - 当从选择框中选择其他选项时,ionic2 显示输入字段

unit-testing - 使用核心注入(inject)器的 Angular2 2.0.1 组件单元测试

javascript - 在javascript中将文字对象转换为特定类的对象

javascript - 请求前的 Angular 5 HttpInterceptor 刷新 token

typescript - typescript 的类型名称中的前缀 T 是什么意思

javascript - 如何从 WebdriverIO 中的 WebElement 继承

Swift/Firestore/Cloud Functions - 向随机用户发送消息