1

プロパティ コンポーネントとアドレス コンポーネントがあります。各プロパティには、実際の住所と請求先住所があります。私が持っている新しいプロパティを作成するためのプロパティテンプレートで

<property>
property fields like name etc.. with required attribute
<address></address> (for physical address) - has required attributes as well
<address></address> (for billing address) - has required attributes as well
</property>

プロパティの保存ボタンには、すべての必須フィールドが入力されているかどうかを検証するための form.valid チェックがあります。上記の場合、必要なプロパティ フィールドがすべて入力されると保存ボタンが有効になり、住所コンポーネントは無視されます。住所コンポーネントを使用してフォーム全体を検証するにはどうすればよいでしょうか?

使用バージョン: angular2.0 (beta0)

必要なフィールドがすべて入力された後にのみ、送信ボタンが有効になるようにします。プランカーのリンクは次のとおりです: http://plnkr.co/edit/scq69cH3mjXrjFZn7pPp?p=preview

4

1 に答える 1

1

template の address コンポーネントに設定したローカル テンプレート変数を使用して、これを行うことができます。

<address #adress></address>

次に、この変数を使用してアドレス コンポーネントにアクセスできます。

<input type="submit" [disabled]="!parent.form.valid||!adress.childForm.valid" value="submit" class="btn btn-success" />

plunkr を更新しました: http://plnkr.co/edit/gSASvPwLVVW4ImQOXKWP?p=preview

于 2015-12-18T16:43:41.900 に答える