AngularJS Inline Form Edit - nsonic001/Javascript-Tests GitHub Wiki

Create an AngularJS directive that transforms a span into an input field on click of edit button that appears next to the input field.

The application should start with an empty form with the following fields:

Name (String)

Age (Number)

Date (Bootstrap calendar widget)

State (Dropdown)

Once you save the form, it appears as a paragraph display with the same information as entered:

Name: [Edit]

Age: [Edit]

Date: [Edit]

State: [Edit]

On clicking edit beside each of the texts, the text should transform into the input field as was in the initial form, pre-filled with the values as were saved with the form.

Attached is a mockup relating to the problem statement.