Why do I need to call detectChanges() with the default change detection strategy?

Question

I am working on an Angular 4 app, but I am having a problem inasmuch as I am having to call this.changeDetectorRef.detectChanges(); to update the view when the

Answer 1

You can Input your searchResults into the child Components

@Input() searchResults;

after that you pass it trough the parent template

// parent template

you can use it in the child template

// child template 

after that you can 'listen' for changes in this property in the child Component

export class ChildComponent implements OnChanges {

  @Input() searchResults;

  constructor() { }

  ngOnChanges() {
    // some code
  }

Every time searchResults is changed the changes will be populated in the child component, the values in the child template will get the new value.