問題タブ [angularjs-forms]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
626 参照

angularjs - AngularJS: スコープに入らないフォーム値の編集

アプリケーションでフォームを使用してユーザーを作成しています。また、同じフォームを使用してユーザー プロファイルを更新し、データベースから値を読み込んでいます。ユーザーが編集フォームで何も変更せずにフォームを送信した場合、スコープにはユーザー データがありません。例えば。

送信機能:

ユーザーが性別ドロップダウンに触れない場合、フォームを送信すると、ユーザースコープオブジェクトに性別インデックスがありません。

ng-pristine または ng-untouched フィールドをすべてスコープに入れるにはどうすればよいですか。

0 投票する
3 に答える
7497 参照

javascript - Simple submit form using Angular

I'm new to Angular, but very old with google.

I cannot find out how to submit this form using Angular, like how we do in jQuery.

I want to submit this form from a save draft button, but not a normal submit button.

jQuery we use

0 投票する
1 に答える
1194 参照

javascript - 解決前にAngularJS非同期検証チェックをキャンセル/無視する方法は?

シンプルな HTML5 ユーザー登録フォームがあります。inputに追加されたカスタム関数を使用して、同じユーザー名を持つユーザーが存在しないことを確認するために、ユーザー名の値が検証され$asyncValidatorsます。

次の状況を考慮してください。

  1. ユーザーがユーザー名 (「Me」など) の入力を開始します。
  2. 少し遅れて、Angular バリデーターが実行され、ユーザー名が使用可能かどうかを尋ねる非同期要求がサーバーに送信されます。
  3. ユーザーはさらに文字を入力し始めます (たとえば、'Me123')。
  4. 少し遅れて、Angular はサーバーに別のリクエストを送信して、ユーザー名の検証を再度試みます。

ユーザー名の有効性に関して 2 つの応答を受け取った場合、Angular は何をしますか? これを優雅に処理する方法はありますか?

私がやりたいことは、ユーザーがユーザー名の値を変更するとすぐに、最初の検証試行の結果をキャンセルするか、Angular に無視するように指示することです。


編集 11/12/2015:

シロッコの答えは、私の質問を明確にするのに役立ちました。ここには 2 つの部分があります。

  1. 実際の HTTP リクエストを中止する
  2. Angular 検証プロセスに、返された promise$asyncValidators.usernameAvailableが解決または拒否されるのを待つのをやめるように指示します。

timeoutサービスのオプションを使用して、最初のことができました$http。私の質問は次のとおりです。2番目のことを行う必要があるか、望ましいか、または可能ですか? もしそうなら、どのように?

keyupこれは、ディレクティブの要素に追加されたイベント ハンドラーで発生する可能性があると考えていlinkます。下記参照:

index.html

checkAvailability.directive.js

0 投票する
0 に答える
431 参照

javascript - struts2を使用したangularjsでフォームが正しく送信されない

angularjsでstruts2フレームワークを使用しています。テキストフィールドをデフォルト値でリセットするためのボタンと、ページを送信するためのボタンが2つあります。私の送信が機能していません。私のjspページは次のとおりです:-

これが私のアクションクラスです。

com.opensymphony.xwork2.ActionSupport をインポートします。

public class StudentController extends ActionSupport {

}

私のリセットボタンは正常に機能していますが、空のフォームを持つ送信ボタンをクリックすると、指定されたアクションクラスのメソッドが呼び出されます..その他のポイントは、フォームが空であるか、そのアクションメソッドがフォームの値を取得していないたびにということです...

0 投票する
1 に答える
1064 参照

angularjs - ディレクティブで子フォームから親フォームに $dirty フラグを渡します

私はAngular JSが初めてです。テキストボックスとチェックボックスを持つ1つのディレクティブを持つメインフォームがあります。ユーザーがテキスト ボックスにテキストを追加したり、チェックボックスの初期状態を変更したりした場合、ユーザーが [OK] ボタンをクリックすると、ダーティ フラグをチェックし、保存されていない変更についてユーザーにプロンプ​​トを表示する必要があります。これは私のプランクです。
angular 1.3.16 バージョンを使用する必要があります。 script.js:

インデックス.html:

指令:

チェックボックスのチェック/チェック解除を子ディレクティブから親に渡す必要があります。なぜこれが機能しないのですか?

0 投票する
0 に答える
3012 参照

angularjs - コントローラーで角形を検証する方法

コントローラーで角度フォームを検証するにはどうすればよいですか? フォームを確認する必要があり、妥当性に依存します テキストのブロックを表示

angularjs の公式 Web サイトのフォームの例を使用しました。

そして、このコードが未定義console.log($scope.myForm);を出力する理由と、フォームを取得する方法を誰かが説明してもらえますか?