E DITING FIELDS USING X-EDITABLE IN ANGULARJS Angular-xeditable is a bundle of AngularJS directives that allows you to create editable elements ,which is also known as click-to-edit or edit-in-place . In this blog, I will be showing how to add x-editable in your application as shown below: 1)We have to install X-editable using " bower install angular - xeditable" and add below links in index.html: <link href="bower_components/angular-xeditable/dist/css/xeditable.css" rel="stylesheet"> <script src="bower_components/angular-xeditable/dist/js/xeditable.js"> </script> (or) You can also add cdnjs links for x-editable as shown below: <link href=" https://cdnjs.cloudflare.com/ajax/libs/angular-xeditable/0.7.1/css/xeditable.css "/> <link href="https://cdnjs.cloudflare.com/ajax/libs/angular-xeditable/0.7.1/css/xeditable.