Typeahead does not show complete using ChangeDetectionStrategy.OnPush

[hongbo-miao]

Bug description:

When using changeDetection: ChangeDetectionStrategy.OnPush, when you type 'a', it dose not show complete

Without changeDetection: ChangeDetectionStrategy.OnPush, it shows well

Link to minimally-working plunker that reproduces the issue:

http://plnkr.co/edit/2O0qQXE5c7CqLm5mfukF?p=preview

Version of Angular, ng-bootstrap, and Bootstrap:

• Angular 2.0.0
• ng-bootstrap 1.0.0-alpha.5
• Bootstrap 4 Alpha 4

[pkozlowski-opensource]

So this is kind of a corner / debatable case. In the plunk forked from the demo page we are using debounceTime(200) which is equivalent to setTimeout when it comes to change detection. Obviously the setTimout wouldn't be picked up by a component using changeDetection: ChangeDetectionStrategy.OnPush and debounceTime(200) falls into the same "non-working" scenario.

We could mark the result window for check when receiving data from the observable stream but I'm not sure we should...

For now the work-around is to either not mark the component as one using OnPush or droop debounceTime. I understand that this is not ideal but I want to sleep on this issue before rushing into any solutions....

[hongbo-miao]

Nice catch! : )