問題タブ [angular-formly]

以下は、条件付きで必要な検証が機能していない失敗した jsbin です。

https://jsbin.com/xenuzeripa/1/edit?js,出力

フィールド名からドットの形を削除し、以下のように変更すると、これらのフィールドを model[field] の代わりに model.field として使用でき、すべてが機能し始めます

Employment_Information__c.Other_Income_Picklist__c --> Other_Income_Picklist__c Employment_Information__c.Annual_Income__c --> Annual_Income__c

何が問題なのかわからない

max_points から 0 までのカスケード内の他のフィールドからのライブ データを使用する動的フォームを作成しようとしています。

各行には高範囲と低範囲があり、次のフォームの高範囲は常に前の 1 の low_range です。

フィールド設定でモデルデータを操作する方法に問題があります。さらに、各フィールドのスコープでより大きなデータ モデルにアクセスする方法について少し混乱しています。

理想的には、最初の要素の高い範囲は max_points であり、その後の各要素は前の low_range を参照します

ここに私のライブの例があります: http://jsbin.com/behosokoye/edit

モジュールの config 関数とディレクティブの間で変数を共有する必要があります。angularJS と formly.js を Kendo UI と組み合わせて使用​​しています。

formly のカスタム テンプレートはモジュールの config 関数で定義されますが、実装はディレクティブに格納されます。

ディレクティブでドロップダウンの onChange イベントがトリガーされた場合、そこからオブジェクトをモジュール構成に戻して、別の機能を実行できるようにする必要があります。

これのポイントは、私のクライアントがすべての入力の横にあるアイコンを使用して、その内容を簡単にクリアしたいということです。あなたが彼らの決定に同意するかどうかは問題ではありません。

コードの一部を次に示します。

また、Kendo ドロップダウン自体が定義されているディレクティブでは、上記の deleteInputContents() がアクセスできるように dataItem 変数を渡す必要があります。

誰かがこれを達成する方法または別のアプローチを考えることができれば、私は永遠に感謝します.

私がすでに試したこと：

• データを渡すサービスを作成します。モジュール構成機能でサービスにアクセスできないため、これは機能しません
• ルートスコープでグローバルとして保存します。モジュール構成関数からルートスコープにアクセスできなかったため、これも機能しませんでした

JSビンはこちら

この記事では、(純粋な Angular) フォーム モデルが最初の読み込み以降に変更されたかどうかを確認する賢い方法について説明します。私の考えでは、$dirty/のより正確なテストです$pristine。これにより、モデルが変更されていない場合、ユーザーがテキストを入力してから削除した場合でも、フォームの「保存」ボタンを非表示にするなどのことができます。

問題は、これを angular-formly でどのように行うことができるかということです。for each fieldはonChange良い出発点かもしれないと思いますが、残りのソリューションをまとめるのに苦労しています。

質問が理にかなっていることを願っています。どんなアイデアでも大歓迎です。ありがとう！

Angular-formly.com には、繰り返しセクションを実行する方法の例があります: http://angular-formly.com/#/example/advanced/repeating-section

フィールドを変更しName of Investmentて必須としてマークした場合、送信ボタンを押してもフラグが立てられません (したがって、フィールドが赤く強調表示されません)。必要なので、これは起こるべきだと思います。

画面の下部にある Form 出力を見ると、$submittedがまだ に設定されていることがわかりますfalse。これは、フィールドを赤くマークすることを心配する必要があると画面が認識していないことを意味します。手動でフィールドをクリックして (何も入力せずに) クリックアウトすると、フィールドは正しく赤く強調表示されます。

この繰り返し動作は、フィールドの内部配列によって作成されます。これは、送信ボタンの動作を混乱させる可能性がありますか?

最近正式に作業を開始しましたが、ネストされたキーのアプローチ (詳細はこちら) が最も正しいと感じているため、アプリで使用しようとしています。

「hideExpression」で使用されるセレクターで問題が発生しました。この例では、「main.rental.retrival.flag」チェックボックスがオンになっているときに「main.retrival.location」入力を表示する正しい方法が見つかりませんでした。「flag」、「model.flag」、「model.rental.retrival.flag」、「main.rental.retrival.flag」を試してみましたが、どれも機能しません。チェックボックスの値を使用する方法はありますか?

また、問題が見つかった可能性がありますが、わかりません。同じ名前の 2 つのキーが異なるモデルにあり、モデル変数が空の場合、モデル オプションはカウントされず、2 つの入力はバインドされているかのように動作します。問題を示すためにモデルの例を修正しました。

ありがとう！

私はもともと、SOに関する別の正式に関連した質問のコメントとしてこの質問をしました。これは本当にそれ自体の質問であるべきだと思いました...

次の例に非常によく似たフィールドの繰り返しセクションがあります: http://angular-formly.com/#/example/advanced/repeating-section

リピーターの例を見ると、投資配列の異なる要素にあるだけで、すべてのフィールドが同じモデル名/ID を持っています。これらのフィールドに一意の名前/ID を与えることは可能ですか? (investmentName_1、investmentName_2 など) 私の検証では、繰り返しセクションの 1 つが検証に失敗するたびに、すべての同じフィールドにフラグが立てられます。それらはすべて同じモデル名/IDを持っているため、検証コードがそれらすべてにフラグを立てているためだと感じています。

私の Web サイトには、名前に関連する情報 (名、姓、接尾辞など) を収集するフォームがいくつかあります。さまざまなページの各コントローラーにこれらのフィールドを追加/フォーマットする代わりに、これらのフィールドが作成された単純な html ファイルを作成することにしました。この html ファイルには、4 つのテキスト入力が含まれているだけです。

計画は、この html ファイルをテンプレートとして使用することで、同じ名前に関連するフィールドを複数のフォームにすばやく簡単に組み込むことができるようにすることでした。

JSBin を作成しました: http://jsbin.com/nenepuyalu/1/edit?html,js,output

この例では、さまざまなラッパーや検証ロジックを含めていません (面倒です)。そうは言っても、私が新しい type を作成する場所を見ることができますnameInputGroup。input-group-name.htmlこのタイプは、 2 つのテキスト入力を指す templateUrlです。

これら 2 つの入力を検証する際に問題が発生しています。それらは配列に直接追加されないため、または検証要件fieldsを持つようにフィールドにフラグを立てる方法がわかりません。requiredmin/max

助言がありますか？または、これを達成するためのより良い方法はありますか?