[解決済み] Angular 2 テンプレート駆動型フォームで入力が送信されないようにする
2023-03-04 14:55:49
質問
テンプレート駆動型ブループリントを使用したフォームがあるので、以下のようなものがあります。
<form #myForm="ngForm" ngSubmit="save(myForm.value, myForm.isValid)">
<input #name="ngModel" [(ngModel)]="name">
<button type="submit">Submit form</button>
</form>
さて、ENTER でフォームが送信されないようにするにはどうしたらよいでしょうか。フォーム内部のカスタムENTERの動作に干渉しますし、入力で誤ってENTERを押してしまった場合にも迷惑がかかります。
探し回って、古いAngular 1の回答や標準的なJavaScriptのものを見つけましたが、Angular 2にはこのようなものがすでに組み込まれているはずだと感じていますが、見つけられませんでした。
そうでない場合、これを達成するための最良の方法は何でしょうか?
どのように解決するのですか?
のような簡単なものを使えばいいことがわかりました。
<form (keydown.enter)="$event.preventDefault()"></form>
ENTERでフォームが送信されないようにするため。
関連
-
[解決済み] Angular/RxJS `Subscription` からいつ退会すればいいのか?
-
[解決済み] Angular Materialでのデフォルトのソート - ヘッダーのソート
-
[解決済み] angular-cliのパラメータ --base-href と --deploy-url の違いは何ですか?
-
[解決済み] 別のプロセス(id #######)が現在 ngcc を実行しています。
-
[解決済み] angular4 / typescriptでdocument.getElementByIdの置き換え?
-
[解決済み] コンポーネントではなくクラスにサービスをインジェクトする方法
-
[解決済み] 角度換算2
-
[解決済み] Angular 4.3 - HttpClient set params
-
[解決済み] Angularで確認ダイアログを作る簡単な方法?
-
[解決済み] mat-selectでデフォルトのオプションを設定する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Angular Materialでのデフォルトのソート - ヘッダーのソート
-
[解決済み] .tsファイルはTypeScriptのコンパイルの一部ですが、使用されていませんという警告を消すには?
-
[解決済み] ng2 - ng-containerタグとng-templateタグの違い
-
[解決済み] FormGroupから単一の値を取得する方法
-
[解決済み] Reactive Forms - フィールドをタッチしたものとしてマークする
-
[解決済み] Angular cli - ng serve時の自動リロードを無効にする方法
-
[解決済み] Angular Material 2 ネストされたオブジェクトによるデータテーブルのソート
-
[解決済み] Tslint - type trivially inferred - なぜここに型を入れるのはバッドプラクティスなのですか?
-
[解決済み] APIレスポンスからレスポンスヘッダを読み取る - Angular 5 + TypeScript
-
[解決済み] Angularアプリケーションに複数のHTTPインターセプターを追加する