validation in table row

[lamhungypl]

I have a table with validation of duplicated row (id, name), then each row has its own validations: required, length, etc.
But sub validation may be broken, every error in row control (e.gunit) trigger red highlight for the entries table, without unit error message.

(related? #6668)

    <nz-form-item>
      <nz-form-label>Table</nz-form-label>
      <nz-form-control
        nzHasFeedback
        [nzValidateStatus]="rowItems" // FormArray
        [nzErrorTip]="rowItemsErrorTpl"
      >
        <nz-table
          #rowItemsTable
          nzTableLayout="auto"
          formArrayName="rowItems"
          [nzData]="rowItems.controls"
          [nzFrontPagination]="false"
          [nzShowPagination]="false"
          nzBordered
        >
          <thead>
            <tr>
            /*id, name,...*/
              <th>{{ 'rowItems.content' | translate }}</th>
              <th></th>
            </tr>
          </thead>
          <tbody  >
            <tr
              *ngFor="let rowItem of rowItemsTable.data; let i = index"
              [formGroupName]="
                (rowItemsTable.nzPageIndex - 1) *
                  rowItemsTable.nzPageSize +
                i
              "
            >
              <td>
                <nz-form-item>
                  <nz-form-control
                    nzErrorTip="{{ 'form.required' | translate }}"
                  >
                    <nz-input-group [nzAddOnAfter]="afterTemplate">
                      <nz-input-number
                        formControlName="quantity"
                        [nzMin]="0"
                        type="number"
                        class="w-100"
                      ></nz-input-number>
                    </nz-input-group>
                    <ng-template #afterTemplate>
                      <nz-select
                        formControlName="unit"
                        nzAllowClear
                        class="unit"
                        [nzAllowClear]="true"
                      >
                        <nz-option
                          *ngFor="let unit of units"
                          [nzValue]="unit"
                          [nzLabel]="unit"
                        ></nz-option>
                      </nz-select>
                    </ng-template>
                  </nz-form-control>
                </nz-form-item>
              </td>
              <td>
                <button
                  nz-button
                  nzType="text"
                  nzDanger
                >
                  <i nz-icon nzType="delete" nzTheme="outline"></i>
                </button>
              </td>
            </tr>
          </tbody>
        </nz-table>
        <ng-template #rowItemsErrorTpl let-control>
          <ng-container *ngIf="control.hasError('duplicated')">
            {{ 'ui.form.duplicated_items' | translate }}
          </ng-container>
        </ng-template>
      </nz-form-control>
    </nz-form-item>