создаю независимый сервис, который будет выдавать наружу параметры поиска через Observable. как в данном случае выдавать наружу значения параметра поиска через Observable из сервиса
https://codesandbox.io/s/angular-g34gj
export class SearchInputComponent implements OnInit {
searchInput: FormControl = new FormControl();
constructor(public searchFilterService: SearchFilterService) { }
ngOnInit(): void {
}
onSearch() {
this.searchFilterService.emitSearchFilter(this.searchInput.value.trim());
}
clearSearch() {
this.searchFilterService.emitSearchFilter(this.searchInput.setValue(''));
}
}
<mat-form-field>
<input matInput
(keyup.enter)="onSearch()"
[formControl]="searchInput"
name="search">
<mat-icon matSuffix
*ngIf="searchInput.value"
(click)="clearSearch()">
close
</mat-icon>
</mat-form-field>
SearchFilterService
private searchParams = new BehaviorSubject<SearchFilter>(null);
changeSearchParams$: Observable<SearchFilter> = this.searchParams.asObservable();
emitSearchFilter(x: any) {
this.searchParams.next(x);
}
export interface SearchFilter {
value: string;
}