アンケートをまとめています。各質問には 3 つの選択肢があります。質問を含む各オブジェクトには、「dependsOn」という名前の別のオブジェクトがあります。たとえば、質問 1 で「はい」を選択すると、次の 2 つの質問が表示されます。それ以外の場合はスキップされます。この小さなアプリについて、助け、アイデア、提案をいただければ幸いです。これが私がまとめた CodePen です: my codepen

角度コード:

最初の入力フィールド値を 2 番目の入力フィールド値に自動入力しようとしていますが、2 番目の入力フィールドが既存の値である場合は、最初の入力フィールド値を 2 番目に追加/連結したいと考えています。

論理：

html:

コード：

プランカー

更新 (問題):

所有者フィールドに入力すると、メンバーフィールドJakeのように文字と印刷がループされます。Jake,Jak,Ja,Jメンバー フィールドに既存の値がある場合、所有者Adamフィールドに入力すると、メンバー フィールドTomに作成Tom,To,T,Adamされます。プランカーのデモを確認してください。

HTMLページに複数のフォームがあり、それぞれが追加、編集などの操作を実行します。

すべてのフォームには、いくつかの条件をチェックする ng-disabled ディレクティブがあり、いくつかの変更が発生したときに対応する ng-disabled 関数を起動します。

問題は、1 つのフォームで値を変更すると、すべてのフォームのすべての ng-disabled 関数が起動されることです。

コード :

スクリプト コード:

プランリンク

モデルの1つが変更されると、コンソールですべての機能が実行されることがわかります。

ngForm入力要素をディレクティブにラップする角度のある方法はありますか? （ngFormを使用する必要があります。これはasp.netフォームです）

Tks

私は最近 React をいじっていて、とても気に入っていますが、他のフレームワークで慣れていたことがいくつか欠けています。angular からの ngForm のこれらの主要なものは、これを使用して非常に単純なフォーム検証を提供します。有効なフォームが vm.myForm.$valid と同じくらい簡単かどうかを確認します。

反応では、基本的にngFormで持っていたものを複製するために大量の定型文を書いていることに気づきました。フォーム検証用のプラグインにアクセスできるかどうか疑問に思っていましたが、そうでない場合、コミュニティが検証を行うための推奨される方法はありますか?

次のコードは、formName が "myformName" に設定されている場合に機能します

しかし、もちろん、変数を使用しているため、フォーム名はわかりません。

ハードコードされたフォーム名を使用せずに、可変フォーム名を使用して ng-form からフォームにアクセスするにはどうすればよいですか?

以下は機能しません。

Angular JS 1.4.1 プロトタイプにフォームがあります。汚れたときにクラスを設定しています。フォームを「保存」する人をシミュレートしようとしているため、フォームは汚れていません。「保存」されているため、変更はまだ存在しますが、汚れていません。

フォームフラグメント:

フォームを元の状態に設定すると、コントローラーの関数ではなく、インラインでのみ機能します。したがって、これは機能します：

しかし、これではありません：

「no object overridesForm defined」という実行時エラーが発生します。

理由はまだわかりませんが、このコードペンでは機能しますが、私のプロジェクトでは機能しません。

アップデート：

トランクルードされたコンテンツのフォームへのアクセスについて検索した後、私はこれに出くわしました:

これをコントローラーに割り当てます：

これがベストプラクティスかどうかはわかりませんが、うまくいきます。コードペンを更新しました。

親の ngForm ステータスを最新の状態に保つのに問題があります。すべての子がクリーンアップされ、それら自体が「Pristine」に設定されている場合は、「Pristine」に設定する必要があります...しかし、それは自動的には起こらないようです。

問題をよりよく説明するために、ここにプランクを作成しました: http://plnkr.co/edit/vCX7ltOb8fgl3fkEpvzy?p=preview

どこが間違っていますか？外部モジュールを使用して解決策を見つけました...できるだけ少ないコードで解決したいと思います（おそらくディレクティブ？）。

angularjs 1.5 のネストされたフォームには検証の問題があり、それについて github に問題があります。

しかし、そのトピックの2人が解決策を提供し、そのうちの1人はngFormTopLevelディレクティブであるangularjsコアへの道を開き、もう1人はisolate-formと呼ばれるユーザーによって提供されました。

しかし、どちらもこの状況を処理できず、私のために働いていません...少なくとも！

この構造を仮定しましょう：

tl;dr : ButtonX1 はネストされたフォーム検証に依存しており、そうすべきではありません!

テスト ケース 1:

ステップ 1: input3 に 5 文字以上の任意のテキストを入力します。

想定: ButtonX1 を有効にする必要があります。

結果: ButtonX1 は無効のままです。

テスト ケース 2:

ステップ 1: input1 に任意のテキストを入力します。

ステップ 2: input2 に任意のテキストを入力します。

想定: ButtonX2 を有効にする必要があります。

結果: ButtonX2 が有効になります。

テスト ケース 3:

ステップ 1: input3 に 5 文字以上の任意のテキストを入力します。

ステップ 2: input1 に任意のテキストを入力します。

ステップ 2: input2 に任意のテキストを入力します。

想定: ButtonX1 と ButtonX2 を有効にする必要があります。

結果: ButtonX1 と ButtonX2 が有効になります。

もう 1 つの問題は、Input01 が無効な場合、ネストされたフォーム内の P タグが表示されないことです。isolateForm と ngFormTopLevel の両方を試しましたが、どちらにもこの問題があります。