Update demo app

AXeL-dev · AXeL-dev · commit d191d808ca62 · 2020-02-02T14:32:56.000+01:00
diff --git a/projects/demo/src/app/app.component.html b/projects/demo/src/app/app.component.html
@@ -31,7 +31,13 @@
           </nz-radio-group>
         </div>
       </div>
-      <ngx-diff2html [left]="leftContent" [right]="rightContent" [format]="outputFormat" [style]="diffStyle" ></ngx-diff2html>
+      <ngx-diff2html
+        [left]="leftContent"
+        [right]="rightContent"
+        [format]="outputFormat"
+        [style]="diffStyle"
+        (diffChange)="onDiffChange($event)"
+      ></ngx-diff2html>
     </div>
   </nz-content>
   <nz-footer>Made with <span class="heart">♥️</span> by <a href="https://github.com/AXeL-dev" target="_blank">AXeL</a></nz-footer>
diff --git a/projects/demo/src/app/app.component.ts b/projects/demo/src/app/app.component.ts
@@ -22,4 +22,8 @@ export class AppComponent {
   }`;
   diffStyle: 'word' | 'char' = 'word';
   outputFormat: 'side-by-side' | 'line-by-line' = 'line-by-line';
+
+  onDiffChange(diff: string) {
+    console.log(diff);
+  }
 }
diff --git a/projects/demo/src/styles.css b/projects/demo/src/styles.css
@@ -1 +1,3 @@
 /* You can add global styles to this file, and also import other style files */
+
+@import "~diff2html/dist/diff2html.min.css";

Original file line number	Diff line number	Diff line change
`@@ -22,4 +22,8 @@ export class AppComponent {`
`22`	`22`	}`;
`23`	`23`	`diffStyle: 'word' \| 'char' = 'word';`
`24`	`24`	`outputFormat: 'side-by-side' \| 'line-by-line' = 'line-by-line';`
	`25`	`+`
	`26`	`+ onDiffChange(diff: string) {`
	`27`	`+ console.log(diff);`
	`28`	`+ }`
`25`	`29`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1 +1,3 @@`
`1`	`1`	`/* You can add global styles to this file, and also import other style files */`
	`2`	`+`
	`3`	`+@import "~diff2html/dist/diff2html.min.css";`