2016-04-24 11 views
4

テキスト入力用のテキストエリアがあります。 すると、ユーザー仕上げタイピング、私は彼らが)私は成功しconfirmText(内のテキストを取得することができますがAngular2はテキスト入力を行います。改行せずに入力してください。

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

でテキストを確認し、[Enter]を使用してみましょう。 テキストエリアの値に改行が作成されます。

改行文字をテキストエリアに正しくドロップするにはどうすればよいですか? 私はjsを書くときにreturn 0やpreventDefault()のようなメソッドがいくつか存在することを知っていますが、Angular2のtypecriptでどのように行うのか分かりません。

答えて

14

は、デフォルトの動作を抑制するために式に;falseを追加します。

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

keyupにキャンセルすることは遅すぎるので、あなたはまた、​​の代わりkeyupを使用する必要があります。

Plunker example

+0

ありがとう。できます – Nick

関連する問題