問題タブ [angular2-forms]

最初のページに注文のリストがあり、別のページに注文の詳細を表示して、それを更新し、ホームページに戻ったときに保存できるようにしたいと考えています。これが私のコードです：

app.component.ts:

home.component.ts:

order-details.component.ts:

order-details.html :

<select>ユーザーが異なる の間で値を更新できるようにするフォームでを使用したいと思います<option>。ここのガイドの手法を使用しました: https://angular.io/docs/ts/latest/guide/forms.html。これが私が話しているサンプルです：

私の order-details.component には、myApp.services から updateOrder() を呼び出す updateOrder() があります。

私の問題は、フォームからバックエンドにデータを送信しようとしているとき<input>です<select>。

誰かがこれまたは同様の問題に遭遇しましたか? ご協力いただきありがとうございます！

Angular2 でのコンポーネント間の通信について調べてみましたが、必要なものが少し異なります。私はこのような構造を持っています:

父→息子→息子

私のコードは次のようになります

親コンポーネント:

My instituicao.html

ユーザーが次のようなもの<instituicao-form>からテーブルリストのいくつかの項目をクリックしたときに入力したいフォームがあります:<instituicao-list><instituicao-list>

私のinstituicao-form htmlは、次のようないくつかのフィールドを持つ単なるフォームです<input type="text" [(ngModel)]="item.idInstituicao"

私は ng-model at を使用してこれを行うことしかできず<instituicao-form> 、リストも at に配置し<instituicao-form>ました。

誰かがこれを手伝ってくれませんか？

ラベルとテキスト ボックスで構成されるテンプレートが必要です。このテンプレートは、マイ ページのさまざまな場所で再利用できます。そのために、MyTextComponent を作成しました。コンポーネント入力に異なる値をバインドする方法を知りたいです。

例えば：

MyTextComponent

MyPageComponent

MyTextComponent 入力の ngModel を MyPageComponent ローカル変数にバインドするにはどうすればよいですか?

編集: @Output を追加した後に試してみましたが、うまくいきませんでした:( MyPageComponent の補間は空白であり、ログは未定義で印刷されています。ただし、補間は mytextComponent に対して機能しています。任意のアイデア

を介してプログラムでインスタンス化されているフォームがありますDynamicComponentLoader::loadIntoLocation。フォームコードは以下です。

一部のフォームにはバリデータがないことに気付くでしょう (私が知る限り、これは を使用する場合と同じValidators.nullValidatorです。両方でテストしました)。

私のテンプレートには、次のコードがあります(コントロールごとに):

バリデーターを持たない最初のコントロール!phone.validは、テンプレートの一部にヒットすると、次の例外を 2 回スローします。

コントロールに触れたりthis.editForm、最初の作成後に触れたりすることはないので、私のコードに関する限り、何も変更する必要はありません。

呼び出すことでエラーを抑制できることは承知していenableProdMode()ますが、問題を非表示にするよりも問題を修正したいと考えています。

編集 (2 月 8 日):モーダルの内容を別のページに移動しようとしましたが、エラーは解決しません。これは、問題がモーダルを作成およびロードする方法に関連しているのではなく、ControlGroup または FormBuilder に関連していることを示唆しています。

問題のプランカー| モーダルなしのプランカー

Angular2 (ベータ) アプリで 2way データ バインディングに問題があります。コンソールにエラーがないため、次のスニペットが入力テキスト フィールドでは機能するのに、選択フィールドでは機能しない理由を推測するのは非常に困難です。アイデアはありますか?

{{model.quantity}} は選択したアイテムの変更で更新されませんが、{{model.name}} はテキスト フィールドで更新されます。

一方、私がこのようなことをすると：

ts ファイル内:

ビュー テンプレートで:

コンソールには、各変更イベントの値が表示されます。

私は Angular2 (beta1) の初心者で、2 つのコンポーネントで構築された、一種の単純な編集可能なグリッドを実装したいと考えています。ここでは、単純にするために 2 つのフェイクデータ コンポーネントを使用します。それらは (このプランカーを参照してください: http://plnkr.co/edit/5cZfLTIlhLc82wWV4PQI ):

• という名前の親コンポーネントcontact。名前のある連絡先を表すとします。
• という名前の子コンポーネントentry。連絡先のエントリを表すとします。各連絡先には 0 個以上のエントリを含めることができます。各エントリには住所と郵便番号があります。

ユーザーが連絡先のプロパティとその子エントリを編集できるフォームを作成したいと思います。新しいエントリを追加したり、既存のエントリを削除したり、既存のエントリを編集したりできます。

この目的のために、これら両方のコンポーネントのビューはフォームベースのテンプレートを提供します。このデータ フローは次のように考えることができます。

1. contact : ユーザーはフォームを編集し、送信ボタンをクリックしてすべてを保存します。したがって、送信ボタンを処理し、コンポーネント出力としてイベントを発行するコードを作成するだけです。連絡先にはentries 配列プロパティがあります。したがってngFor、テンプレートでディレクティブを使用して、それぞれのエントリ コンポーネントをレンダリングできます。

2. entry : エントリにはプロパティがaddressCtlあり、フォーム全体を表すにzipCtl含まれる制御ディレクティブを表します。また、親テンプレートで次のようなことができるように、コンポーネント (および)ControlGroupの入力としてバインドするプロパティがいくつか必要です。addresszip

   /li>

ここで、コントロールの入力を表す「モデル」プロパティと「フォーム」ディレクティブ プロパティとの間の関係をどのように形成するかが明確ではありません。バインドを介して親コンポーネントから住所と郵便番号の値を取得し[...]、更新された値を子コンポーネント (blur など) によって起動されたイベントを介して渡すことができる必要があります。これは NG2 の世界では意味がありますか? とにかく、ここで欠けているのは、フォーム コントロールの値をモデル プロパティの値に接続するにはどうすればよいかということです。誰かがこれをより明確にするか、いくつかの優れたドキュメントを指摘できますか?

angular2 api Control クラスを見てみると、

関数が何をするのか理解しています。

検証が失敗したときに何がうまくいかなかったのかの説明を関数内に配置できないのではないかと思っていました。

たとえば、関数ができないかどうか疑問に思っています

以下に示すように、説明がエラーの理由を説明している場所

API で同様のバリデーターを見つけることができませんでした。存在する場合は、リンク/説明を共有できれば幸いです.

フィードバックをお待ちしております。

2つの違いは何ですか:

と

いつどちらを使用しますか？