Angular 2 - Dynamic Variables in ngModel

Question

How to use dynamic variables in ngModel?

I am trying to use the code below but the following error appears:

Answer 1

We would mostly need dynamic ngModel in the case of dynamic text box creation.

In your ts file

 export class AppComponent {
 public selectedBranch: any[] = [0];
 public selectedShiftNameTime: any[] = [0];
 public CustomDates: any[] = [0];
}

your HTML file (Template)

 

        

            
Employee Name
            
Branch
            
Shift Type
            
Custom Dates
        

        

            

                
                    {{emp.name}}
                
            
            

                
                    --Select--
                    
                            {{branch.BranchName}}
                    
                
            
            


                
                        --Select--
                        
                                {{shifType.ShiftName}}
                        
                
            
            


                
                
            
        
        

            

                Submit