問題タブ [form-control]

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.

0 投票する
1 に答える
3463 参照

angular - ネストされた TypeScript モデル オブジェクトで Angular2 リアクティブ フォームを使用する

アプリケーションでAngular 2モデル駆動型フォームを使用しようとしていますが、ネストされたオブジェクト(null値を持つ)がある場合、期待どおりに機能させることができません。

これが私のコードです:

person.model.ts (これはネストされたオブジェクトとしてアドレスを持つ Person モデル オブジェクトです)

address.model.ts

person.component.ts

ここに私の person.component.html があります

サービス呼び出しから入力した人物オブジェクトを更新しようとしていますが、人物オブジェクトを取得すると、人物オブジェクトの address プロパティに null 値があり、buildForm 関数のコードが壊れています。

私は他のいくつかの方法を試しましたが、それを機能させることができませんでした

バージョン #2

この変更により、エラーなしでフォームをレンダリングできましたが、住所フィールドを更新しようとすると、registerForChanges 関数で失敗しました。

バージョン #3

この変更の後、住所フィールドを変更せずにフォームを保存すると、空のレコードが住所テーブルに追加されてしまいます。

関数のアドレス プロパティが null でない場合、このコードは問題なく動作します。

誰かがこのコードを機能させるのを手伝ってくれますか

プランカーリンク

0 投票する
1 に答える
947 参照

forms - Angular 2 クロス フィールド検証 (モデル ベース) addErrors?

フォーム (リアクティブ/モデル ベースのアプローチ) の 2 つのフィールドに対してクロス フィールド検証を実装していますが、フォーム コントロールの既存のエラー リストにエラーを追加する方法がわかりません。

形:

バリデーター:

私の問題:検証が失敗した場合、「setErrors(..)」はすでに存在するすべてのエラー(formControlsのバリデーター)を上書きするため、実際には2つのエラーがあるはずなので、正しい状態はありません。

エラーをフォーム コントロールに直接設定せず、フォームにエラーを返すだけの場合、フォームのみが無効になり、エラーが発生しますが、そのコントロールは取得されません。

フォームとコントロールの両方に検証の実際の状態があることをどのように達成できますか?

どうもありがとうございました!

0 投票する
12 に答える
202988 参照

javascript - フォーム コントロールの値アクセサーがありません

Angular2-rc5 を使用していますが、現在ログイン ページでエラーが発生しています。formcontrollフォームを作成しようとしていますが、init でフォームを作成したにもかかわらず、フォームが見つからないという例外がコンソールからスローされます。なぜこのエラーが発生するのか分かりますか?

ログイン コンポーネント

Page.html

例外

例外: キャッチされていません (約束されています): エラー: ./LoginComponent クラス LoginComponent のエラー - インライン テンプレート:13:45 原因: 名前が「email」のフォーム コントロールの値アクセサーがありません.....

0 投票する
1 に答える
340 参照

angular - Angular2 での formArray の奇妙な動作

バグと思われるものを見つけましたが、よくわかりません。

このコードを使用する場合:

次のエラーが表示され、アプリがクラッシュします。

しかし、コンポーネントのテンプレートの任意の場所に次の 1 行を追加すると、次のようになります。

すべて正常に動作します。では、この 1 行でエラーを解消するにはどうすればよいでしょうか。何かを変更するために行が何をしているのかわかりません。

0 投票する
1 に答える
332 参照

meteor - Meteor React-Bootstrap: FormControl に値を設定する方法

ユーザーは FormControl にテキスト文字列を入力します。トリミングして小文字に戻したいと思います。

0 投票する
1 に答える
161 参照

php - html と php を使用して前のフォーム コントロールで値が選択された場合にのみフォーム コントロールを表示する

from-controls (この例では 2 つ) を使用して Web ページを作成しています。私のコードは次のとおりです。

しかし、最初のコントローラー (アプリケーション) の値が選択された場合にのみ、2 番目のもの (バージョン) が表示されるようにしたいと思います。そして、私の関数 get_versions() は、選択したアプリケーションに依存します: get_versions(application_number)。

最初のコントローラーの値が選択されている場合にのみ、2 番目のコントローラーを表示するにはどうすればよいですか? 選択した値を取得するには?ありがとうございました!