Why angular 2 ngOnChanges not responding to input array push

by

Angular change detection only checks object identity, not object content.
Inserts or removals are therefore not detected.

What you can do is to copy the array after each update

insertIds(id:any) {
  this.metaIds.push(id);
  this.metaIds = this.metaIds.slice();
}

or use IterableDiffer to check for changes inside InputComponent in ngDoCheck like NgFor does.

More Related Contents:

  1. Angular HTML binding
  2. angular2: Error: TypeError: Cannot read property ‘…’ of undefined
  3. Angular2: Cannot read property ‘name’ of undefined
  4. NgFor doesn’t update data with Pipe in Angular2
  5. How can I write data attributes using Angular?
  6. Angular2 multiple router-outlet in the same template
  7. OrderBy pipe issue
  8. Angular 2 Scroll to top on Route Change
  9. Can’t bind to ‘ngForOf’ since it isn’t a known property of ‘tr’ (final release)
  10. How to instantiate and apply directives programmatically?
  11. Angular 2 Read More Directive
  12. Angular2: How is ngfor expanded
  13. How to add “class” to host element?
  14. vs
  15. Angular2 – Interpolate string with html
  16. Angular 2 Dynamically insert a component into a specific DOM node without using ViewContainerRef
  17. Angular 2 input parameters on root directive [duplicate]
  18. What is let-* in Angular 2 templates?
  19. How to truncate text in Angular2?
  20. Angular 2: How to write a for loop, not a foreach loop
  21. How to detect scroll to bottom of html element
  22. How to check the length of an Observable array
  23. How can I use ngFor to iterate over Typescript Enum as an array of strings
  24. Angular 2 disable sanitize
  25. How do I share data between components in Angular 2?
  26. How to watch for form changes in Angular
  27. Resetting a form in Angular 2 after submit
  28. Angular 2 – Does ngOnDestroy get called on refresh or just when navigate away from component?
  29. No provider for Router?
  30. Angular2 http.post gets executed twice

Leave a Comment