मेरे पास एक HTML तालिका है जो एक के आधार पर TR घटक बना रही है ngFor
पाश।
<tbody>
<tr *ngFor="let t of intakeForm.controls["tasks"].value let i = index; trackBy:trackByIndex" [taskTR]="t" [ui]="uiOptions" [tasks]="configuredTasks" [intakeForm]="intakeForm"></tr>
</tbody>
वर्तमान में, मैं इन नियंत्रणों के लिए फ़ॉर्म के मूल्य पर लूपिंग कर रहा हूं, लेकिन मैं नियंत्रणों पर लूप करने का प्रयास कर रहा हूं, ताकि मैं उन्हें पास कर सकूं tr
घटक।
कुछ इस तरह:
let t of intakeForm.controls["tasks"].controls
tasks
एक प्रपत्र सरणी है और मैं इसे नियंत्रित करने के लिए सरणी पर लूप की कोशिश कर रहा हूं ताकि मैं इसे घटक को पास कर सकूं।
मैंने कोशिश की let t of (<FormArray>intakeForm.controls["tasks"].controls)
लेकिन यह "काम नहीं किया। यकीन नहीं है कि यह HTML के भीतर किया जा सकता है।
यहां अंतिम लक्ष्य यह है कि मैं प्रत्येक पुनरावृत्ति पर प्रपत्र नियंत्रण पास करना चाहता हूं tr
घटक।
उत्तर:
उत्तर № 1 के लिए 1का उपयोग करने का प्रयास करें get
विशिष्ट नियंत्रणों का निरीक्षण करने के लिए फार्म समूहों के भीतर विधि। यह प्रपत्र समूहों के भीतर नियंत्रण तक पहुँचने का एक बहुत साफ तरीका है।
नीचे दी गई कार्यप्रणाली का उपयोग करने की भी अनुमति देता हैफॉर्मरे में सही फ़ॉर्मग्रुप के भीतर "ड्रॉप" सरणी के भीतर प्रत्येक तत्व में और आपके टेम्पलेट में सीधे गुणों को एक्सेस करें। तो सूचकांकों के साथ लंबे उपसर्गों की आवश्यकता नहीं है जो यह परिभाषित करें कि आप किस फॉर्मेट पर काम कर रहे हैं।
<ng-container formArrayName="tasks">
<tr [formGroupName]="i" *ngFor="let task of intakeForm.get("tasks").controls; let i=index">
<input type="text" formControlName="taskName" />
</tr>
</ng-container>