$ Property Readonly

Allows subscribers to reactively observe changes or updates to the data in an Angular form

API

readonly $: Observable<T>;

Example

import {FormControl, FormGroup} from '@angular/forms';
import {map} from 'rxjs';
import {formSource} from '@bitfiber/ng/rx'; 
 
interface FormValue {
  itemId: number;
  search: string;
}
 
// Creates a form group
const formGroup = new FormGroup({
  itemId: new FormControl(1, {nonNullable: true}),
  search: new FormControl('', {nonNullable: true}),
});
 
// Creates a form source
const source = formSource<FormValue>(formGroup);
 
// Uses form source observable
source.$
  .pipe(map(v => v * 2))
  .subscribe(v => console.log(v));