Batch Editing 2nd Approach


Double click to edit
S. No. Name Address Date of Birth Salary Country
{{$index + 1}}.
{{employee.Name}}
{{employee.Address}}
{{employee.BirthDate | date:'dd MMM, yyyy'}}
{{employee.Salary | currency}}
{{employee.Country.Name}}
This page is an example of batch edit using angularJs. Here, we use separate elements for binding and displaying. This might be needed in case you want data format to be different while editing. Moreover, If you want edit contols to appear only when you double click (or other event), this approach is suitable for you. When you click on submit button, you can directly send the bound data to the server.