listUpdates Subject added for filtering list (closes #829)

udos86 · Sep 11, 2018 · 926564f · 926564f
1 parent 1f64e62
commit 926564f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/packages/core/src/model/input/dynamic-input.model.ts b/packages/core/src/model/input/dynamic-input.model.ts
@@ -43,7 +43,7 @@ export class DynamicInputModel extends DynamicInputControlModel<string | number
     @serializable() inputType: string;
     files: FileList | null = null;
     @serializable() list: string[] | null = null;
-    listUpdates: BehaviorSubject<string[]>;
+    listUpdates: BehaviorSubject<string[] | null>;
     @serializable() mask: string | RegExp | (string | RegExp)[] | null;
     @serializable() max: number | string | Date | null;
     @serializable() min: number | string | Date | null;
@@ -52,8 +52,7 @@ export class DynamicInputModel extends DynamicInputControlModel<string | number
     @serializable() step: number | null;
 
     private _listId: string | null = null;
-
-
+
     @serializable() readonly type: string = DYNAMIC_FORM_CONTROL_TYPE_INPUT;
 
     constructor(config: DynamicInputModelConfig, layout?: DynamicFormControlLayout) {
@@ -69,13 +68,15 @@ export class DynamicInputModel extends DynamicInputControlModel<string | number
         this.pattern = config.pattern || null;
         this.step = isNumber(config.step) ? config.step : null;
 
+        this.listUpdates = new BehaviorSubject<string[] | null>(null);
+        this.listUpdates.subscribe();
+
         if (Array.isArray(config.list)) {
 
             this.list = config.list;
             this._listId = `${this.id}List`;
 
-            this.listUpdates = new BehaviorSubject<string[]>(this.list);
-            this.listUpdates.subscribe();
+            this.listUpdates.next(this.list);
         }
     }
 

diff --git a/packages/ui-material/src/input/dynamic-material-input.component.html b/packages/ui-material/src/input/dynamic-material-input.component.html
@@ -55,7 +55,7 @@
 
 </mat-form-field>
 
-<mat-autocomplete *ngIf="model.hasList" #matAutocomplete="matAutocomplete"
+<mat-autocomplete #matAutocomplete="matAutocomplete"
                   [autoActiveFirstOption]="model.getAdditional('autoActiveFirstOption', AUTOCOMPLETE_OPTIONS['autoActiveFirstOption'])"
                   [disableRipple]="model.getAdditional('disableRipple', RIPPLE_OPTIONS && RIPPLE_OPTIONS['disabled'] || false)"
                   (optionSelected)="onChange($event)">