Angular 中文文档 Angular 中文文档
指南
GitHub (opens new window)
指南
GitHub (opens new window)
  • 介绍
  • 快速上手

  • 理解 Angular

  • 开发指南

Angular-xeditable


Edit in place for AngularJS

Overview


Angular-xeditableis a bundle of AngularJS directives that allows you to create editableelements in your projects.Such technique is also known as click-to-editor 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


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

Installation


Bower


  1. ``` sh
  2. bower install angular-xeditable

  3. ```

NPM


  1. ``` sh
  2. npm install angular-xeditable

  3. ```

Manual


Download latest version from project homepage.

Insert dependency


  1. ``` sh
  2. var app = angular.module("app", ["xeditable"]);

  3. ```

Usage with a Asset/Module Bundler


  1. ``` js
  2. import angularXeditable from 'angular-xeditable';

  3. angular.module('app', [angularXeditable]);
  4. ```

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 for Bootstrap 2/3. Include ui-bootstrap4 for Bootstrap 4. To use ui-select you will need to include angular-ui ui-select. To use ngTagsInput you will need to include mbenford ngTagsInput. To use ui-date you will need to include angular-ui ui-date.

Reporting issues and Contributing


Please read our Contributor guidelines before reporting an issue or creating a pull request.

License


MIT
Last Updated: 2023-09-03 17:10:52