問題タブ [angular2-formbuilder]
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 - angular2リアクティブフォームでフォーム配列(配列内の配列)を反復する方法は?
formArray を数回反復しようとしましたが、
これは、この場合のプランカー リンクですhttps://plnkr.co/edit/4kiJF7cL5VKwn3KnvjvK?p=preview
このプランクのように出力したいhttps://plnkr.co/edit/zg6nbFULl0WlTZ1sVn5h?p=preview
これが私のシナリオです
上記の配列では、リアクティブフォームを構築しようとしましたが、許可のためのチェックボックス、グループの下のロール配列が必要です
だから私はこのように配列を反復しようとしました
component.ts
initModule() {
私のhtmlは
しかし、上記のケースでは、initGroup () 関数 groupArray の下で第 2 レベルの配列を反復処理できません。何が間違いなのかわかりませんでした。多くのサイトを検索しましたが、すべてが 1 つのレベルの反復処理しか伝えていません。angular2 は初めてです。誰でも私を助けてください よろしくお願いします
angular - Angular2 モデルドリブン フォーム形式の電話番号値
電話番号を取得するフォームがあります。入力した値を (999) 999-9999 形式に一致するように更新する必要があります。これが私のコードです:
「asYouType('US').input(data)」はlibphonenumber-jsから取得されます。これは、電話番号の値を「US」形式にフォーマットするために使用されるものです。
「debounceTime(1000)」を追加する必要がありました。これは、新しくフォーマットされた値を patchValue で設定すると JavaScript エラーが発生し、valueChanges が再び発生するためです。「debounceTime(1000)」は、この循環効果を防ぎます。
電話番号の値をフォーマットするより良い方法はありますか? 「debounceTime(1000)」を使用する必要があることを考えると、これはハック アプローチのようです。