A Diff-Match-Patch component for your Angular 6+ applications
npm install ng-diff-match-patch-attNg-Diff-Match-Patch-Att
=======================
This is a port of the angular-diff-match-patch wrapper for AngularJS.
After installing the above dependencies, install ng-diff-match-patch-att via:
``shell`
npm install --save ng-diff-match-patch-att
In order to use these directives you'll first have to import them from the module like so:
~~~js
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { AppComponent } from './app.component';
// import our necessary module and components here
import { DiffMatchPatchModule } from 'ng-diff-match-patch-att';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
DiffMatchPatchModule
],
providers: [ ],
bootstrap: [AppComponent]
})
export class AppModule { }
~~~
Remember to add `DiffMatchPatchModule` to your imports array in @NgModule
~~~html
~~~css
ins{
color: black;
background: #bbffbb;
}
del{
color: black;
background: #ffbbbb;
}
~~~
Special thanks to elliotforbes and their work with the Angular 2-4 module.