ngx click to edit is an editable script component for Angular 4 apps.

angular add edit delete example, angular click to edit, angular editable text field, angular material click to edit, edit table row inline on click of edit in angular

How to make use of it:

Installation

npm install --save ngx-click-to-edit

1. Then include in your app’s module:

import { Component, NgModule } from '@angular/core';
import { NgxClickToEditModule } from 'ngx-click-to-edit';

@NgModule({
  imports: [
    NgxClickToEditModule.forRoot()
  ]
})
export class MyModule {}

2. Finally, use one of your app’s components:

import { Component } from '@angular/core';

@Component({
  template: '<click-to-edit></click-to-edit>'
})
export class MyComponent {}

angular 4 click to edit component, ngx click to edit Plugin/Github, edit functionality in angular

See Demo And Download

Official Website(sijpesteijn): Click Here

This superior jQuery/javascript plugin is developed by sijpesteijn. For extra advanced usage, please go to the official website.