Edge-host-maintenance/src/app/system-management/host-config/editcamera/editcamera.component.ts

import { Component, OnInit, Input } from '@angular/core';
import { NzModalRef } from 'ng-zorro-antd/modal';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-editcamera',
  templateUrl: './editcamera.component.html',
  styleUrls: ['./editcamera.component.scss']
})
export class EditcameraComponent implements OnInit {

  @Input() data: any
  validateForm!: FormGroup;
  constructor(private modal: NzModalRef, private fb: FormBuilder, private http: HttpClient) { }

  ngOnInit(): void {
    let datacopy = JSON.parse(JSON.stringify(this.data))
    console.log('编辑数据', datacopy)
    this.validateForm = this.fb.group({
      name: [datacopy.name, [Validators.required]],
      user: [datacopy.user, [Validators.required]],
      password: [datacopy.password, [Validators.required]],
      url: [datacopy.url, [Validators.required]],
      type: [datacopy.type, [Validators.required]]
    });
  }

}