temp

Author: hadt0786

src/components-examples/material/autocomplete/autocomplete-loading/autocomplete-loading-example.ts

@@ -1,5 +1,5 @@
 import {AsyncPipe} from '@angular/common';
-import {Component} from '@angular/core';
+import {Component, signal} from '@angular/core';
 import {FormControl, ReactiveFormsModule} from '@angular/forms';
 import {MatAutocompleteModule} from '@angular/material/autocomplete';
 import {MatFormFieldModule} from '@angular/material/form-field';
@@ -24,14 +24,14 @@ export class AutocompleteLoadingExample {
   myControl = new FormControl('');
   options = ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California'];
   filteredOptions: Observable<string[]>;
-  isLoading = true;
+  isLoading = signal(true);
 
   constructor() {
     this.filteredOptions = this.myControl.valueChanges.pipe(
       startWith(''),
       switchMap(value => {
-        this.isLoading = true;
-        return this._filter(value || '').pipe(finalize(() => (this.isLoading = false)));
+        this.isLoading.set(true);
+        return this._filter(value || '').pipe(finalize(() => this.isLoading.set(false)));
       }),
     );
   }
@@ -43,4 +43,4 @@ export class AutocompleteLoadingExample {
     // Simulate an asynchronous request.
     return of(results).pipe(delay(500));
   }
-}
+}