Angular-bs-edit is a set of AngularJS directives for inline editing in the Bootstrap style.

• Online Demo

The directives are:

• bseText
• bseSelect
• bseTextarea
• bseDate
• bseCheckbox

• Bootstrap 3
• AngularJS 1.x
• Bootstrap-datepicker 1.6.1+ (optional for bseDate only)

Several quick start options are available:

• Download the latest release
• Clone the repo: git clone https://github.com/flexjoy/angular-bs-edit.git.
• Install with Bower: bower install angular-bs-edit.
• Use Bower WebJars dependency.

angular-bs-edit/
  dist/
    ├─css/
  	│  ├─angular-bs-edit.css
  	│  └─angular-bs-edit.min.css
    └─js/
       ├─angular-bs-edit.js
       └─angular-bs-edit.min.js

<link href="dist/css/angular-bs-edit.min.css" rel="stylesheet">
...
<script src="dist/js/angular-bs-edit.min.js"></script>

angular.module('MyApp', ['bs-edit']);

<div bse-text="model"></div>

<div bse-select="model" onshow="getList()"></div>

<div bse-textarea="model"></div>

<div bse-date="model"></div>

<div bse-checkbox="model"></div>