Angular library for displaying text differences using the diff library.
npm i ngx-simple-text-diff diffAdd the diff.js script to your angular.json:
"scripts": ["./node_modules/diff/dist/diff.min.js"]import { Component } from '@angular/core';
import { NgxSimpleTextDiffComponent } from 'ngx-simple-text-diff';
@Component({
selector: 'app-example',
imports: [NgxSimpleTextDiffComponent],
template: `
<lib-ngx-simple-text-diff [oldText]="oldText" [newText]="newText" />
`
})
export class ExampleComponent {
oldText = 'Hello world';
newText = 'Hello Angular';
}import { NgModule } from '@angular/core';
import { NgxSimpleTextDiffModule } from 'ngx-simple-text-diff';
@NgModule({
imports: [NgxSimpleTextDiffModule]
})
export class AppModule { }