問題タブ [angular2-formbuilder]

ボタンをクリックするだけで入力が追加されるフォームがあります。

HTMLでレンダリングするために次のコードを使用しています:

このアプローチを使用して検証メッセージをレンダリングする方法。

form.controls.textC_{{i}}.valid が機能しない

代替品はありますか？

angular rc5の使用

私のアプリケーションには、さまざまなフォームがあり、そのうちのいくつかにはチェックボックスがあります。
そういうわけで、checkbox-es + カスタムバリデータのディレクティブを作成することにしました。

このディレクティブでは私が使用していますDoCheckが、おそらくこれは、そのような種類のフォーム ディレクティブを作成する Angular2 の方法ではありません。すべてが正しく機能していますが、チェックボックス/ボタンのフォーム ディレクティブを作成するためのより良い方法があると思います。

Angular2 フォーム API には、CheckboxControlValueAccessor ディレクティブとControlValueAccessorインターフェイスがあることがわかりました。多分私はそれらを使うべきですか？はいの場合、それを使用する方法の例はありますか?

私の質問は: これは Angular2 フォームのチェックボックス ディレクティブを作成する正しい方法ですか?

これが私のソリューションPlunkerの例です

app.ts

app.html

ディレクティブ/validated-multicheckbox.component.ts

ディレクティブ/validated-multicheckbox.component.html

services/custom-validator.service.ts

disabledモデル駆動型フォーム内で使用しようとしています。私は次のフォームを持っています：

おそらく内部で使用しているため、エラーが発生します（controlsのが見つかりません） 。this.formthis.formthis.form

どうすれば修正できますか？

PS私も[disabled]='...'html内に追加しようとしましたが、代わりにformBuilderを使用する必要があるという警告が表示されます

Ionic 2 (typescript) アプリケーションを構築しています。チェックボックス（ ion-checkboxタグ）での単純なモデル駆動型フォーム検証でのみ問題があります。

FormBuilder を使用してフォーム モジュールを作成しています。チェックボックス入力コントロールのチェック状態に基づいて、フォームを検証する/検証しないようにします。しかし、その作業は一方向のみです。これが私のコードです:

reg.html

登録

実際のビュー:

[利用規約] チェックボックスをオンまたはオフにしても、検証ロジックが更新されず、[次へ] ボタンが無効になっている状態が更新されません。フォームの検証がこのチェックボックスを考慮していないためです。いくつかの助けをいただければ幸いです。

私はAngular 2.0の最終リリースを使用しています。

私がしたいこと？ - 入力がフォーカスを受け取ったときにのみ、いくつかの通知 (警告、入力の要件) を表示したい。または、彼の親 ( the div) にmouse hoverイベントがある場合はさらに良いでしょう。

親（div）からこれを行うのは簡単です。(focus)=showNotifications() + ngIf だけで、作業は完了です。

しかし、この機能を show-notifications コンポーネント内にカプセル化し、再利用可能にしたい..

the control-を使用して show-notifications 内を渡すとすれ@Input()ば、にアクセスできる場合、この両方を行うことができnative HTML input elementますshow-notifications.component.ts。コードは次のとおりです。

app.component.html:

app.component.ts:

show-notifications.component.html:

show-notifications.component.ts:

質問：

formControl (myName = the_control) オブジェクトがある場合、ネイティブ要素にアクセスするにはどうすればよいですか?

別のコンポーネントで通知を行い、再利用可能にするより良い方法はありますか? エラーと入力要件を表示するために、アプリ全体でこれを既に正常に使用しています..

注: 最初にハッシュタグ構文 ( #myInput ) を使用して穴の html 入力を渡そうとしましたが、そこにフォームを表示し、show-notifications コンポーネント内で次のことを試みました: myInput.myName - コントロールにアクセスしますが、未定義になります。コントロールは、ネイティブ入力要素にはありません。そして、検証のためにそのコントロールが必要です:)