/angular-xeditable

Edit in place for AngularJS

Primary LanguageJavaScriptMIT LicenseMIT

Angular-xeditable

npm Bower

Edit in place for AngularJS

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. To use ui-select you will need to include angular-ui ui-select.

jsFiddle / Plunker

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

License

MIT