問題タブ [angular-formly]

ユーザーが「追加」をクリックして入力フィールドを追加できるように、フォームに機能を追加するにはどうすればよいですか。これは、angular formly ライブラリを使用しています。

これは正確な機能の例ですが、angularjs のみを使用して行われています。

フォーム フィールドを動的に追加する

この例を参照してください: http://jsbin.com/cenugiziju/edit?html,js,output

ディレクティブを作成しました:example-directive このディレクティブは、この html ファイル内のラベルと入力を持つ templateUrl で構成されています。このフィールドは としてマークされていrequiredますvm.formFields。

Form セクション内をのぞいてみると、必要なディレクティブが入力されていなくても、$validすでに に設定されていることがわかります。true私はこれがfalse.

Formly に、フィールドを持つカスタム ディレクティブから取り込まれたフィールドを必須にする方法はありますか?

以下のサンプル コード (詳細についてはこちらをご覧ください) で、[州/準州] ドロップダウンで選択した値が [オンタリオ] と等しくない場合、[運転免許証番号] テキスト ボックスを非表示にするにはどうすればよいですか? 現在の動作は、「運転免許証番号」テキストボックスを無効にすることです。したがって、テキストボックスを無効にするのではなく、非表示にしたいと思います。

これは可能ですか？

前もって感謝します、

PS: フォームに記入して、「都道府県/準州」ドロップダウンを参照してください

提供されたモデルに基づいてフォームを構築するためのライブラリを探しているので、formly を検討しています:) formly の Web サイトでサンプルとビデオを一瞥しましたが、まだ答えのない質問がいくつかあります。

・formly経由で単体のエンティティを閲覧・編集する例が多い。フォームを介してエンティティのコレクションを表示/編集する例に興味があります(たとえば、テーブルとして表示されます)。テーブルの各フィールドには、独自のタイプが必要です。

-単一のエンティティを編集するのはクールです。しかし、1 つのエンティティを編集するために別のエンティティを作成する必要がある場合はどうなるでしょうか。たとえば、「ユーザー」エンティティを作成し、既存の「銀行口座」エンティティを作成/選択してユーザーとリンクする必要がある場合はどうなりますか? そのようなことをする最善の方法は何ですか？

-formlyを使ったクライアント+サーバーアプリケーションの例はありますか? (たとえば、サーバー側からフォームを取得しますか?)。おそらく、クラスへのいくつかの属性（注釈）、フォームリーオブジェクトの自動生成のためのフィールドですか？

fields 配列内にディレクティブを配置しました。ディレクティブには、いくつかのフィールドを表示する別の形式があります。これらの内部フィールドにある検証 (required/min/max/etc) は、失敗したときに検証メッセージを正しく表示しています。ただし、フィールドの値をメイン フォームのモデルにバブルアップさせるのに問題があります。

このjsbinを見てください

InnerFieldTest内に配置された formlyform からフィールドが取り出されていることに注意してくださいexampleDirective。outerfieldtestメインの formlyform にも 1 つのフィールドが配置されています。3 つのフィールドにデータを入力すると、モデルは Outer フィールドのデータのみを表示します。なぜこれが起こっているのか、基本的な理解があると思います (内側のフォームのモデルは、外側のフォームのモデル内に表されていません)。ただし、この問題を修正する方法がわかりません。

誰にも提案はありますか？

追伸…外部フォームから送信ボタン呼び出しを表示するために、内部フォームを取得する方法についてアイデアを持っている人はいますか? メイン フォームの [送信] ボタンを押すと、メイン フォームと同じように内側のフォームを検証する必要があります (つまり、必要なものがない場合は赤に変わります)。

angular-formly を使用して入力画面を作成していますが、各VALUEにKEYがある限り、すべてうまく機能します。

しかし、値が配列を含むオブジェクトである状況があります。これは業界標準なので、フィールド構造を変更することはできません。

親キーはGEOCODEで、その値はCOORDINATES ( 2 つの要素を持つ配列)です。

これらの 2 つの要素 (経度と緯度) を編集したい。これは実行可能ですか、またはこれらの値を編集できるようにするために、作成および入力するために KEY:VALUE が正式に必要ですか。

プレゼンテーションには Twitter Bootstrap を使用しています。この設計では、デスクトップではラベルと入力フィールドを同じ行に配置し、モバイルでは積み重ねる必要があります。これを実現するために、TB のグリッド システムを使用したいと考えていますが、これを行う方法が見つかりません。ドキュメントを見ると、ラベル/入力ペアのラッパー div にクラスを適用する方法がわかりますが、ラベルと入力フィールドに個別に適用する方法はわかりません。

http://jsbin.com/voreyev/edit?html,js,output

フォームを読み取り専用モードで表示する必要があります。 angular-formly を使用して Json に基づいてフォームを作成しています。テキスト入力で機能するリンクhttp://angular-formly.com/#/example/other/read-only-formを確認しました。ラジオ、マルチチェックボックス、およびチェックボックスを読み取り専用に設定する方法を提案してください

Formlyで水平ラジオボタンを作成するにはどうすればよいですか? 私が作成したラジオボタンを表示するために、このjsbinを作成しました。しかし、私の人生では、ラジオボタンを水平に表示することはできません。

任意の提案をいただければ幸いです。