問題タブ [ng-submit]

この単純なフォームの送信にこだわっています。すべてが正しいと感じていますが、うまくいきません。

私のhtml：

私のapp.js :

私の目標は、get を実行するためにフォーム送信をオフにし、uri の一部として、次のようにキーと値のペアを追加することでした: // GET /pets/42;q=11;r=22 www.w3schools.com/tags/att_form_method.asp フォームメソッドを「get」に設定したフォームの記述 私はこれが可能だと思っていたでしょう。角度の世界では、フォームの送信に対して予想される動作が post メソッドになるようです。コントローラーは、任意の http 動詞を生成するように記述できますが、$http.get はプレーン フォームの get メソッドが自動的に実行することを行わず、上記のような URL を生成するには、コントローラーが uri 自体を構築する必要があります。この場合、フォームはクエリ/検索アクションの一部であり、データ作成の演習ではありませんでした。おそらくそれはフォームを使用する適切な方法ではありませんが、angular は $http.get サービスを使用したフォームのキーと値のペアのコントロールから自動的に追加された値を廃止しましたか?

フォームの入力を個別に処理したいと思います。入力後に Enter キーを押し、ng-submit式が実行された場合、どの入力を処理するかを決定するために、責任のある入力フィールドを送信コールバックに渡すにはどうすればよいですか?

ハックせずに、フォームをいくつかのミニフォームに分割せずに可能ですか?

私のデータはコントローラーから表示されています。「ng-repeat」はデータを表示するときに正常に機能しますが、「ng-submit」は次のコードを使用してモデルに新しいデータを追加していません。

pages.js.コーヒー

index.html.erb

angular jsログインフォームでキーボードの「入力ボタン」を使用すると問題が発生します。この質問が以前に尋ねられたことは知っていますが、スタックオーバーフローの質問に書かれているほとんどすべてを試したので、私の問題は少し異なると思います。

したがって、キーボードのEnterキーのみを使用して、Enterキーを押してフォームを送信できるようにしたいだけです。

ログインHTMLは次のとおりです。

ここに私のログインがあります：

ユーザー名を「companyName/Username」として取得するので、次のようになります: amazon/bigboby

同じページに次のフォームがあります。

現在、いずれかのフォームを送信すると、ページがリロードされます。どうすればそれを防ぐことができますか? event.preventDefault() を使用できることはわかっていますが、単純な Angular ソリューションがあるかどうかを知りたいです。

タッチ イベントが発生しない、ng-submitまたはng-click(chrome デバイス開発ツールで) という奇妙な問題があります。Chrome 開発ツールは touchstart/touchend イベントをシミュレートするため、これが機能しない理由がわかりません。デスクトップで問題なく動作します。

次の HTML フォームがあるとします。

そして、次のディレクティブ/コントローラー:

コンソール ログは登録されません。デスクトップで問題なく動作します。奇妙なのは、クラスng-submittedがフォームに追加されていることです。

ng-submitおよび touch イベントで何か不足していますか?

ng-submit を使用して、フォームが送信されたときに呼び出されるはずの http メソッド (rest サービスに対応) を呼び出す angular-promise を作成しました。それは決して起こらず、エラーもありません。関数が呼び出されないようです。だからここにJavaScriptコードがあります：

およびhtmlコード：

何かアイデアはありますか?よろしくお願いします。