List Employee Names

Ramco Ramco

I have below code and i want to display a list of items in a modal column.

export class AttendanceComponent implements OnInit {
  attendanceArray: iAttendance [] = [];
  objattendance : attendance = new attendance();
  employeeArray: any [] = [];
  
  constructor(private empSrv:EmployeeService){
  }

  ngOnInit(): void {
    this.getEmployee();
  }
  
  getEmployee(){
    this.empSrv.getallEmployee().subscribe((result: any)=>{
      this.employeeArray = result.data;
    })
  }
}

 Name

Thanks

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Ramco Ramco2y ago

Hi Jayraj

I am using reactive form. ng-model is the only way or there can be some other solution

 
          
            
                
                    Name
                    
                
                
                Contact No
                


            
          
          
            {{objattendance.attendanceId}}
            @if(objattendance.attendanceId == 0)
            {
            
            }
            @else
            {
            
            }

 form = new FormGroup({
    empId:  new FormControl(0),
    empName: new FormControl(''),
    empContactNo: new FormControl(''),
    attendanceId:  new FormControl(0),
    attendanceDate: new FormControl(''),
    inTime: new FormControl(''),
    outTime: new FormControl(''),
    isFullDay: new FormControl('')
  });

Thanks

Jayraj Chhaya2y ago
Hi Ramco,

To display a list of employee names in a modal column in Angular, you can utilize the employeeArray populated with employee data. You can bind this data to the
In this code snippet, employeeArray contains the list of employees fetched from the API. By using *ngFor, you can iterate over this array and dynamically generate elements within the /