Angular2使textarea按下输入而不添加新行

时间:2016-04-24 11:56:21

标签: typescript angular

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

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

虽然我可以成功获取confirmText()内的文本。 在textarea的值上创建换行符。

如何正确删除新行字符到textarea? 我知道在编写js时存在一些像return 0和preventDefault()的方法,但我不知道如何在Angular2打字稿中做到这一点。

1 个答案:

答案 0 :(得分:26)

向表达式添加;false以禁止默认行为:

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

您还必须使用keydown代替keyup,因为取消keyup为时已晚。

Plunker example