2016-04-24 18 views
4

我有一個文本輸入textarea。 當用戶在輸入完成後,我讓他們用[Enter]鍵通過Angular2使textarea按下輸入不添加新行

<textarea #msgInput (keyup.enter)="confirmText(msgInput.value)" > 
</textarea> 

確認文本雖然我能順利拿到內部confirmText文本()。 在textarea的值上創建換行符。

如何正確刪除換行符到textarea? 我知道在編寫js時存在一些方法,如return 0和preventDefault(),但我不知道如何在Angular2 typescript中做到這一點。

回答

14

添加;false,以表達對抑制默認行爲:

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

您還可以使用​​,而不是keyup因爲取消對keyup爲時已晚。

Plunker example

+0

感謝。有用 – Nick