Angular Reactive Form Unique Identifier

  Kiến thức lập trình

how can i make the cnic the unique identifier like on form will not submit if it found similar valee like i want form to be delete using that unique identifier here is my code. Here is my code look likes


import { DialogRef } from '@angular/cdk/dialog';
import { Component, } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { MatDialogRef } from '@angular/material/dialog';
import { MatRadioButton, MatRadioGroup } from '@angular/material/radio';
import { EmployeeService } from 'src/app/service/employee.service';
import { LocalStateService } from 'src/app/service/localstateservice.service';


@Component({
  selector: 'app-add-edit',
  // imports;[MatRadioGroup,MatRadioButton],
  templateUrl: './add-edit.component.html',
  styleUrls: ['./add-edit.component.css'],
  
})
export class AddEditComponent {
  empform: FormGroup;
  education: string[] = [
    'Matric',
    'Diploma',
    'Intermiadiate',
    'Graduation',
    'Post Graduation'
  ];

  constructor(private _fb: FormBuilder, private _localStateService: LocalStateService, private _dialogueref: MatDialogRef<AddEditComponent>) {
    this.empform = this._fb.group({
      
      firstname: '',
      lastname: '',
      email: '',
      education: '',
      dob: '',
      gender: '',
      company: '',
      cnic: '',
      address: '',
      experience: '',
      package: '',
      
    });
  }

  onClose(): void {
    this._dialogueref.close();
  }

  onSubmit() {
    if (this.empform.valid ) {
      this._localStateService.addEmployee(this.empform.value);
      this._dialogueref.close(true);
    }
  }

I tried using Validators from @angular/forms but it does not works

New contributor

Saad dastgir is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

Theme wordpress giá rẻ Theme wordpress giá rẻ Thiết kế website

LEAVE A COMMENT