問題タブ [ngx-formly]
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.
angular - ngx-formly ng-select formcontrol 発行された値の変更
ng-select multi select を使用して、カスタム先行入力フィールドを備えた正式なフォームがあります。現在、キーと値のペアの配列を発行しています。値だけの配列を発行する必要があります。これは大まかに簡単な作業のようですが、それを行う方法を見つけるのに苦労しています。さまざまなことを試しているので、更新を投稿します。モデルを傍受して再フォーマットするヘルパーを作成できますが、フォームコントロール内でそれを行うためのクリーンな方法が必要です。
typeahead.component.ts
form-config.ts
angular - 親の値に基づいて子要素を非表示および表示するために ngx-formly hideExpression を使用する方法
私は正式にAngularに不慣れです
Formly を使用して、次のシナリオのフォームを作成したいと考えています。
- 3つの兄弟要素があります
- そのうちの 2 つの要素は、ラジオ ボタン グループである 1 つの兄弟要素の値に依存しています。つまり、 recipientQueryOptionに基づいて基本フォームと詳細フォームを非表示または表示したい
- JSON ファイルを使用してスキーマを保存しているため、hide 式をスキーマに直接書き込むことができません。
式を非表示にするために拡張機能を使用してみましたが、モデルで使用できる拡張データは、非表示式が記述されている要素とその子要素に限定され、その親要素のデータが含まれていないことがわかりました。親のデータが利用できないため、ラジオ ボタンの値を確認できず、要素を非表示にするかどうかを決定できません。
以下は JSON スキーマです。
angular - オブジェクトのitemTemplateを使用したngx-bootstrapタイプアヘッド
私は ngx-formly 生成されたフォームで使用する ngx-bootstrap/typeahead コンポーネントを構築しました。検索結果は API から取得されます。このコンポーネントをさまざまなオブジェクトに再利用するため、キーは静的に認識されません。
タイプアヘッドで Observable から結果を取得し、テンプレートを使用してアイテムを表示するようにします。
そして観察可能：
これは以前は機能していましたが、いくつかのものをアップグレードした後、機能しなくなりました。ダウングレードしても問題は解決しませんでした...
ここにスタックブリッツがあります: https://stackblitz.com/edit/angular-h3kea
に追加typeaheadOptionField="value.nested"すると動作します。これまで使ったことはありませんが、ドキュメントで見つけました。唯一の問題は、これは固定文字列である必要があるように思われ、.ts ファイルから読み込めないことです。
また、以前のアプリと同じようにすべてが機能する例も見つけました: https://stackblitz.com/edit/angular-8t8dcm-kzbw52
違いはわかりませんが、リアクティブフォームを使用していないようです。そして、Angluar 7 にダウングレードするつもりはありません...