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';
import { MyValidators } from '../addcamera/addcamera.component';

@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 {
    const { namevalidate } = MyValidators;
    let datacopy = JSON.parse(JSON.stringify(this.data));
    console.log('编辑数据', datacopy);
    this.validateForm = this.fb.group({
      name: [datacopy.name, [Validators.required, namevalidate]],
      user: [datacopy.user, [Validators.required]],
      decoderType: [datacopy.decoderType, [Validators.required]],
      password: [datacopy.password, [Validators.required]],
      uri: [datacopy.uri, [Validators.required]],
      type: [datacopy.type, [Validators.required]],
      order: [datacopy.order, [Validators.required]],
    });
  }
}