Feature request: Dynamic items on chips autocomplete list

Do you want to request a feature or report a bug?

Feature Request

Allow the items to be loaded as result of an async. service request depending on the current user input

What is the expected behavior?

The items displayed on the autocomplete list are loaded from server depending on the user input.

What is the motivation / use case for changing the behavior?

Lets say that I have a list on my backend made of 1000 elements or more, that I want to suggest to the user as possible match for his input. I dont want to load the 1000 elements on component creation, instead, I would like to load sections of it that match his current input.

Other information

For this to work I think It would be required to implement an @Output property for the input/keypress event (that ignores the enter key), that allows a programmer to change the elements given to the td-chips component.

For example:

<td-chips placeholder="Enter something" [(ngModel)]="input" [items]="items$ | async" (onInput)="handleInput($event)" requireMatch></td-chips>

export class SomePresentationComponent {
   items$: Observable<string[]>;
   input : string[];
    constructor(private _service: SomeService){
     this.input = [];
     this.items$ = of([]);
    }

    // Event contains the current value on the input field of the chips element
   handleInput(event: string){
      this.items$ = this._service.getOnDemand(event);
   }
}

[jotatoledo]

nice, considering the added functionalities a minor breaking change as exchange for it sounds fair to me 😃

[emoralesb05]

https://github.com/Teradata/covalent/pull/626 will take care of this 😄 . There is a minor breaking change (behavior change) 😢 , but its gonna add more flexibility.