fix: autocomplete empty suggestion

alauda · Aug 5, 2024 · e9eca03 · e9eca03
1 parent 0f37437
commit e9eca03
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 11 deletions.
diff --git a/src/autocomplete/autocomplete.component.ts b/src/autocomplete/autocomplete.component.ts
@@ -64,16 +64,17 @@ export class AutocompleteComponent implements AfterContentInit {
 
   ngAfterContentInit() {
     this.visibles$ = this.suggestions.changes.pipe(
+      startWith(this.suggestions),
       switchMap((suggestions: QueryList<SuggestionComponent>) =>
         suggestions.length > 0
           ? combineLatest(suggestions.map(suggestion => suggestion.visible$))
           : of([] as boolean[]),
       ),
-      debounceTime(0),
-      startWith(this.suggestions.map(suggestion => suggestion.visible)),
       publishRef(),
     );
+
     this.hasVisibleSuggestion$ = this.visibles$.pipe(
+      debounceTime(0),
       map(visible => visible.some(Boolean)),
       withLatestFrom(this.directive$$),
       map(([hasVisibleSuggestion, directive]) => {

diff --git a/stories/autocomplete/disabled.component.ts b/stories/autocomplete/disabled.component.ts
@@ -7,15 +7,13 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
     </button>
     <br />
     <br />
-    <form #form="ngForm">
-      <aui-tags-input
-        name="fruit"
-        [(ngModel)]="value"
-        [auiAutocomplete]="suggestions"
-        placeholder="水果"
-        [disabled]="disabled"
-      ></aui-tags-input>
-    </form>
+    <aui-tags-input
+      name="fruit"
+      [(value)]="value"
+      [auiAutocomplete]="suggestions"
+      placeholder="水果"
+      [disabled]="disabled"
+    ></aui-tags-input>
     <aui-autocomplete #suggestions>
       <aui-suggestion value="apple">apple</aui-suggestion>
       <aui-suggestion value="banana">banana</aui-suggestion>