Angular Xeditable allows for fast and easy inline editing. Try it out!

Simple Text Field

{{ user.name || 'empty' }}

Select Box / Local

{{ showStatus() }}

Email

{{ user.email || 'empty' }}

Telephone

{{ user.tel || 'empty' }}

Number

{{ user.number || 'empty' }}

Range

{{ user.range || 'empty' }}

URL

{{ user.url || 'empty' }}

Search

{{ user.search || 'empty' }}

Color

{{ user.color || 'empty' }}

Date

{{ user.date || 'empty' }}

Time

{{ user.time || 'empty' }}

Date/Time

{{ user.datetime || 'empty' }}

Month

{{ user.month || 'empty' }}

Week

{{ user.week || 'empty' }}

Textarea

{{ user.desc || 'no description' }}

Checkbox

{{ user.remember && "Remember me!" || "Don't remember" }}

Radiolist

{{ showStatus() }}

Bootstrap Calendar

{{ (user.dob | date:"dd/MM/yyyy") || 'empty' }}

Bootstrap Time

{{ (user.time | date:"HH:mm") || 'empty' }}