Angular-xeditable

Edit in place for AngularJS

DEPRECATED: This fork is deprecated, please use original package angular-xeditable instead and see this issue for more information.

Overview

Angular-xeditable is a bundle of AngularJS directives that allows you to create editable elements in your projects.
Such technique is also known as click-to-edit or edit-in-place.
It is based on ideas of x-editable but was written from scratch to use power of angular and support complex forms / editable grids.

Demo and docs

http://vitalets.github.io/angular-xeditable

Installation

Bower

bower install angular-xeditable

NPM

npm install angular-xeditable

Manual

Download latest version from project homepage.

Insert dependency

var app = angular.module("app", ["xeditable"]);

Dependencies

Basically it does not depend on any libraries except AngularJS itself.
For themes you may need to include Twitter Bootstrap CSS.
For some extra controls (e.g. datepicker) you may need to include angular-ui bootstrap.

jsFiddle / Plunker

Please use these live templates when creating issues:
http://jsfiddle.net/NfPcH/3
http://plnkr.co/edit/BjWwXIlYyyLvRnVwO8m8?p=preview

Roadmap

select2
checklist
combodate
popup mode (waiting https://github.com/angular-ui/bootstrap/pull/1391)
internally move to lazy-model

License

MIT