mohamedaboelmagd · March 13, 2022 08:33
diff --git a/dirty-check-4.ts b/dirty-check-4.ts
 @Component({
  template: `
   <form>
     ...
     <button (click)="submit()" *ngIf="isDirty$ | async">Save</button>
   </form>
  `
 })
 export class SettingsComponent {
  settings = new FormGroup({...});

  isDirty$: Observable<boolean>;

  ngOnInit() {
    this.isDirty$ = this.settings.valueChanges.pipe(
      dirtyCheck(store$),
    );

  }
 }
	@Component({
	template: `
	<form>
	...
	<button (click)="submit()" *ngIf="isDirty$ \| async">Save</button>
	</form>
	`
	})
	export class SettingsComponent {
	settings = new FormGroup({...});

	isDirty$: Observable<boolean>;

	ngOnInit() {
	this.isDirty$ = this.settings.valueChanges.pipe(
	dirtyCheck(store$),
	);

	}
	}