时间戳

首页 > 解决方案 > 角度表单值将父表单数组页面设置为子表单数组页面

angular - 角度表单值将父表单数组页面设置为子表单数组页面

问题描述

Parent HTML


<div formArrayName="pDFormArray">
          <div *ngFor="let pDForm of pDFormArray.controls; let j=index" [formGroupName]="j">
            <p-accordion #pAccordion class="pc-f-accordion">
              <p-accordionTab selected="true">

                <app-p-rotation [PRList]="PRList" #pDirection></app-p-rotation>

                <!-- </div> -->
              </p-accordionTab>
            </p-accordion>
          </div>

父组件具有此 pList 列表值。需要将其设置为子组件数组

[

{
"dirC":"aa", "pList":[
{
"createdDt":"2018-11-09T13:39:04", "portStayDayQ":1, "portStayHrQ":1, "modifiedDt":"2018- 11-09T13:39:05", "sailingHrQ":1, "terminalMu":"T1", "sailingDayQ":1, }, {
"createdDt":"2018-11-09T13:39:04", "portStayDayQ ":2, "portStayHrQ":2, "modifiedDt":"2018-11-09T13:39:05", "sailingHrQ":2, "terminalMu":"T1", "sailingDayQ":2, },{
“createdDt”：“2018-11-09T13:39:04”，“portStayDayQ”：3，“portStayHrQ”：3，“modifiedDt”：“2018-11-09T13:39:05”，“sailingHrQ”：3， "terminalMu":"T1", "sailingDayQ":3, } ] }, {
"dirC":"bbb", "pList":[
{
"createdDt":"2018-11-09T13:39:04", " portStayDayQ":1, "portStayHrQ":1, "modifiedDt":"2018-11-09T13:39:05", "sailingHrQ":1, "terminalMu":"T1", "sailingDayQ":1, }, {
“createdDt”：“2018-11-09T13:39:04”，“portStayDayQ”：2，“portStayHrQ”：2，“modifiedDt”：“2018-11-09T13:39:05”，“sailingHrQ”：2， “terminalMu”：“T1”，“sailingDayQ”：2，“seqN”：2，“portC”：“bb2”}]}，{
“dirC”：“ccc”，“pList”：[
{
“createdDt”： “2018-11-09T13:39:04”、“portStayDayQ”：1、“portStayHrQ”：1、“modifiedDt”：“2018-11-09T13:39:05”、“sailingHrQ”：1、“terminalMu”："T1", "sailingDayQ":1, }, {
“createdDt”：“2018-11-09T13:39:04”，“portStayDayQ”：2，“portStayHrQ”：2，“modifiedDt”：“2018-11-09T13:39:05”，“sailingHrQ”：2， "terminalMu":"T1", "sailingDayQ":2, } ] } ]

标签： angularangular-reactive-forms

解决方案

推荐阅读