// Expression has changed after it was checked. Previous value: ‘ng-untouched: true‘. Current value:

  ngAfterViewInit() {
    this.onSettingFormGroupChanged.next(this.settingsForm);
    // Expression has changed after it was checked. Previous value: 'ng-untouched: true'. Current value: 'ng-untouched: false
    
    // for (const control in this.settingsForm.controls) {
    //     if (control) {
    //         this.settingsForm.controls[control].markAsTouched();
    //     }
    // }
  }

import {AfterViewInit, Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
import {FormBuilder, FormGroup, Validators} from '@angular/forms';
import {BehaviorSubject} from 'rxjs';
@Component({
  selector: 'app-quote-settings-aramex',
  templateUrl: './quote-settings-aramex.component.html',
  styleUrls: ['./quote-settings-aramex.component.scss']
})
export class QuoteSettingsAramexComponent implements OnInit, AfterViewInit {
  @Input() name: any;
  @Output() settingChange = new EventEmitter<any>();
  $data: any;
  settingsForm: FormGroup;
  settingsFormErrors: any;

  onSettingFormGroupChanged: BehaviorSubject<any> = new BehaviorSubject([]); //

  constructor(
    private formBuilder: FormBuilder,
  ) {
    this.settingsFormErrors = {
      goodsDescription: {},
      goodsOriginCountry: {},
    };
  }

  ngOnInit() {
    this.createSettingsForm();
    this.settingsForm.valueChanges.subscribe(() => {
      this.onEditFormValuesChanged();
    });
  }

  ngAfterViewInit() {
    this.onSettingFormGroupChanged.next(this.settingsForm); //
  }
}