ng-inline-edit

WebJar for ng-inline-edit

License	MIT
GroupId	org.webjars.npm
ArtifactId	ng-inline-edit
Last Version	0.7.0
Release Date	Mar 11, 2016
Type	jar
Description	ng-inline-edit WebJar for ng-inline-edit
Project URL	http://webjars.org
Source Code Management	https://github.com/tameraydin/ng-inline-edit

Download ng-inline-edit

Filename	Size
ng-inline-edit-0.7.0.pom
ng-inline-edit-0.7.0.jar	23 KB
ng-inline-edit-0.7.0-sources.jar	22 bytes
ng-inline-edit-0.7.0-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/ng-inline-edit/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>ng-inline-edit</artifactId>
    <version>0.7.0</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/ng-inline-edit/
implementation 'org.webjars.npm:ng-inline-edit:0.7.0'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/ng-inline-edit/
implementation ("org.webjars.npm:ng-inline-edit:0.7.0")

Apache Buildr

'org.webjars.npm:ng-inline-edit:jar:0.7.0'

Apache Ivy

<dependency org="org.webjars.npm" name="ng-inline-edit" rev="0.7.0">
  <artifact name="ng-inline-edit" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='ng-inline-edit', version='0.7.0')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "ng-inline-edit" % "0.7.0"

Leiningen

[org.webjars.npm/ng-inline-edit "0.7.0"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

ng-inline-edit

Demo

Usage

Install ng-inline-edit via Bower:

bower install ng-inline-edit --production

Include main files:

<link rel="stylesheet" href="bower_components/ng-inline-edit/dist/ng-inline-edit.min.css">
<script src="bower_components/ng-inline-edit/dist/ng-inline-edit.min.js"></script>

Include angularInlineEdit module as a dependency into your app:

angular
  .module('yourApp', [
    'angularInlineEdit'
  ]);

Pass your model to inline-edit attribute on your HTML element and provide a callback function to listen changes:

<span inline-edit="yourModel"></span>
<!-- with optional attributes:
  inline-edit-callback="yourListener(newValue)"
  inline-edit-validation="yourValidator(enteredValue)"
  inline-edit-placeholder="Type a value..."
  inline-edit-filter="currency"
  inline-edit-btn-edit="Click to edit"
  inline-edit-btn-save="Save me"
  inline-edit-btn-cancel="Nevermind"
  inline-edit-on-blur="cancel" // 'cancel' or 'save'
  inline-edit-on-click
  inline-edit-textarea // uses <textarea> instead <input> & disables Enter key submit
-->

Development

See the instructions at ng-pack.

License

MIT http://tameraydin.mit-license.org/

Versions

Version
0.7.0 Mar 11, 2016