問題タブ [angularjs-ng-form]

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 に答える
1531 参照

javascript - ngFormで「Enter」キーを押すと特定のボタンがトリガーされます

ngForm
の AngularJS ドキュメントから: 「フォームに 1 つ以上の入力フィールドと 1 つ以上のボタンまたは入力 [type=submit] がある場合、いずれかの入力フィールドで Enter キーを押すと、最初のボタンまたは入力 [type] でクリック ハンドラーがトリガーされます。 =submit] (ngClick) とそれを囲むフォームの送信ハンドラー (ngSubmit)"
質問:
「最初」の代わりに特定のボタンをトリガーする方法はありますか?

0 投票する
2 に答える
410 参照

angularjs - モデルの更新前に ngForm が無効です

私のアプリケーションでは$watch、何かを行う前にフォームが有効かどうかを確認します。models問題は、使用する前にngForm がコンパイルされないことです。

例: http://plnkr.co/edit/Y7dL67Fn7SaSEkjiFf2q?p=preview

JS

HTML

結果 :

は 1 に設定されているため、最初はフォームが無効であってはなりません$scope.test

どんな手掛かり ?

0 投票する
2 に答える
525 参照

css - angularjs + ネストされた ng-form + メイン ng-form.$invalid の $invalid css

子、孫の ng-form、$invalid のいずれかが true の場合、最も外側の ng-form に css クラスを設定する必要があります。

この問題をチェックするプランカーがあります。

http://plnkr.co/edit/CDyBbZs3GAUrEfBrap8G?p=preview

誰もこれを試しましたか?ポインタはありますか?

ありがとう。

0 投票する
2 に答える
3823 参照

angularjs - angularjs の入力ディレクティブ名を変数として設定する

次のような入力を設定しようとしています

ドームで動作します。そうですか

しかし、私のngFormには

ドッ

なぜ私はこれをしているのですか?プログラムでフォームを作成できるように、ディレクティブを作成しようとしています。次に、次のようなことができます

プランカー

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

angularjs - AngularJS: ng-repeat フィールドの SetValidity

ng-repeat を使用していくつかのフィールドを生成するフォームがあります。空のままにした場合に備えて、各独立したフィールドをアタッチして有効性を設定したいと思います。これを行う方法はありますか?

ありがとう!

0 投票する
2 に答える
3497 参照

angularjs - AngularJS - 式で $index を使用した動的命名

多くの を作成し、 (から)ng-formに基づいて各フォームに名前を付けるディレクティブがあります。私の問題は、フォームが無効なときにエラー コンテナー (エラー メッセージを含む) を表示したいが、フォームを適切に参照する方法が見つからないことです。$indexng-repeat

これが私のコードです:

'innerForm'+$index.input.$invalid例のように評価されたいinnerForm5.input.$invalid

私は多くの試みをしましたが、うまくいきません。動的に名前が付けられたフォームを参照する正しい方法は何ですか?

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

angularjs - IE8 での AngularJS ng 形式の代替

IE 8 をサポートする必要がある AngularJS を使用して SPA を開発しています。

ページの 1 つで、フォーム検証のために<form>およびを使用してフォームをネストしています。<ng-form>

ただし、すでにご存知かもしれませんが、IE 8 ではカスタム要素が適切に処理されていません。現在、空白のページしか表示されません。を削除する<ng-form></ng-form>と、すべてが正常に戻ります。

私はすでに次の<html>ように設定しています:

そして、 es5-shimも含めました

だから私の質問は:

<ng-form>IE 8 でレンダリングできるネストされたフォームでフォーム検証を使用できるようにするための代替手段はありますか?

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

javascript - このフィールドが ng-form (AngularJS) の外にある場合、フィールドを ng-form に追加する方法

私は持っている:

そして、ディレクティブを使用して ng-form に 'special-field' を追加する必要があります (これは $dirty および $valid 用です)。

ng-form の ngModelController を取得しようとしました:

しかし、ng-form のコントローラーの取得は「名前」では機能しません。

  1. 「名前で取得」が機能しないのはなぜですか?
  2. フォームにフィールドを追加する他の方法はありますか?