問題タブ [angular-formly]

ページに 4 つの選択ドロップダウンがあります。それぞれの下に、angular-formly を使用した選択に基づいて動的 HTML を生成したいと思います。

私はこれまでのところこれを持っています：

ruleSelect.js.erb

ruleSelect.html.slim

しかし、スコープoptionsは設定されていruleBldrますが空です。

HTML ページ

Angular Formly を使用してデータリストをレンダリングしようとしていますが、成功しません。私が持っているものでは、テキスト入力要素をレンダリングしますが、データリスト マークアップをドロップします。

問題を示す JS Bin はhttp://jsbin.com/vamalasiru/edit?html,js,outputにあります。

何かご意見は？

次のjsbinを見てください

2 つのフィールドがあることがわかります。1 つは通常inputのフィールドで、もう 1 つは を参照する新しいフィールド タイプですexampleDirective。注意してください...私の実際のアプリケーションでは、これらのフィールドは JSON からプルされ、手動でfields配列に追加されません。

配列DefaultValue内の各レコードに を設定しました。fields繰り返しますが、これらのデフォルト値は JSON から取得されています。

RegularInputフィールドは、入力フィールド内にデフォルトを正しく表示しています。

そうではDirectiveInputありません。モデルを見てください。デフォルト値がディレクティブ内の入力フィールド (複数ある場合はフィールド) ではなく、フィールド自体に適用されていることがわかります。

DefaultValueこのような状況で仕事をする方法はありますか？そうでない場合...JSONからプルしている値をディレクティブフィールドに配置するための最良の方法は何ですか?

次のように設定されたフィールドがあります。

HTML をレンダリングするために、これをラッパーに入れています。

しかし、ui-router ディレクティブ ui-sref は検出されません。これを達成する方法はありますか？

ありがとうポール

Please have a look at the following jsbin

At first, numberTest requires the user to input a number between 5 and 10 (as noted by the description beneath it). If you press the change min/max button, the min/max fields are updated to 500 and 510. Again, you can see the description has updated to these new values.

However, it still requires the user to enter a value between the original min/max settings (5 and 10). How do I get the validation to see the new settings? Clearly, I am setting them correctly because the description under the field is updating correctly. It seems that the validation is stuck with the original values.

EDIT: I added better validation messages to the field. You can see that even the validation message thinks that the new min/max values are correct but the field still requires 5-10.

このjsbinを見てください

ユーザーの入力範囲を適切にチェックしているフィールドが 1 つあります。これは数値フィールドです。

入力を通貨形式に変更する別のフィールドがあります。これはテキストフィールドです。

私の問題は、1 つの分野でこれらの両方のアイデアを実行できないことです。1 つのフィールドはテキストである必要があり、もう 1 つのフィールドは数値である必要があります。

両方の分野の融合を達成できるものはありますか?

angular をしっかりと使用する方法を学習しようとしていますが、公式 Web サイトのガイドと例で使用されている構文の一部を理解するのに苦労しています。ボタンフォームコントロールを定義するとき、私はこのテンプレートを見ました:

私の質問は、「to.type」と「to.btnType」の前の「::」の意味は何ですか? どのように使われていますか？それは次のように定義することとどう違うのですか: