Use checkbox for error

package.json

@@ -49,6 +49,7 @@
     "@angular/common": "~11.2.0",
     "@angular/compiler": "~11.2.0",
     "@angular/core": "~11.2.0",
+    "@angular/forms": "^11.2.4",
     "@angular/platform-browser": "^11.2.3",
     "@angular/platform-browser-dynamic": "^11.2.3",
     "@ngrx/effects": "^11.0.1",

projects/example-app/src/app/load-form/load-form.component.html

@@ -1,2 +1,5 @@
-<button (click)="load(42, false)">Load</button>
-<button (click)="load(42, true)">Load with error</button>
+<form [formGroup]="form">
+  <label for="isError">If the load should result in an error</label>
+  <input type="checkbox" name="isError" formControlName="isError" required />
+  <button (click)="load(42)">Load</button>
+</form>

projects/example-app/src/app/load-form/load-form.component.ts

@@ -4,6 +4,7 @@ import { Loadable } from 'projects/ngx-loadable/src/public-api';
 import { Subject } from 'rxjs';
 import { switchMap } from 'rxjs/operators';
 import { LoadService } from '../load.service';
+import { FormBuilder } from '@angular/forms';
 
 @Component({
   selector: 'app-load-form',
@@ -15,7 +16,11 @@ export class LoadFormComponent {
 
   load$ = new Subject<{ id: number; error: boolean }>();
 
-  constructor(private loadService: LoadService) {
+  form = this.fb.group({
+    isError: [false],
+  });
+
+  constructor(private loadService: LoadService, private fb: FormBuilder) {
     this.load$
       .pipe(
         switchMap(({ id, error }) =>
@@ -25,7 +30,7 @@ export class LoadFormComponent {
       .subscribe(this.loadable);
   }
 
-  load(id: number, error: boolean): void {
-    this.load$.next({ id, error });
+  load(id: number): void {
+    this.load$.next({ id, error: this.form.value.isError });
   }
 }

projects/example-app/src/app/load-form/load-form.module.ts

@@ -1,9 +1,10 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { LoadFormComponent } from './load-form.component';
+import { ReactiveFormsModule } from '@angular/forms';
 
 @NgModule({
-  imports: [CommonModule],
+  imports: [CommonModule, ReactiveFormsModule],
   declarations: [LoadFormComponent],
   exports: [LoadFormComponent],
 })