ng-edit-text

Installation instructions

Method 1

Install ng-edit-text from npm:

npm install ng-edit-text --save

Add needed package to NgModule imports:

import { NgEditText } from 'ng-edit-text';

@NgModule({
  ...
  imports: [NgEditText,...]
  ...
})

Add component to your page:

<ng-edit-text [data]="data" (focusOut)='update($event)'>
    {{data}}
</ng-edit-text>

Demo

Check demo in stackblitz reference.