Hi all, Can someone please explain the proper way of handle Angular2 app with number of interconnected components.
Let's take a specific easy example. Angular app, page contains: - table of records (tr *ngFor....) - filter input box, where user can type some part of the text and only matching records are displayed in the table above (input type text...) - pager component, that shows allows to choose a cut of records to show in the table (custom component). - choice of records to show per page (select option 10, 25, 50...) - there could be more connections, like table sorters, incoming feed from network, ... All these components are interconnected to each other. For example If user enters filtering text => number of applicable records change => pager needs to adjust the active page and list of available pages => records shown in the table change. If user changes # of records to show => pager needs to adjust active and available pages => records shown in the table change. Now the problem is that this multi-level dependency results occasional "Expression has changed after it was checked" error. I tried to check how others have solved it just to find that there are open defects about similar problems for projects like ng2-bootstrap, ng2-table and more. So, can someone please explain what is the proper way to implement such app with Angular2? Please do not suggest to use enableProdMode, this is not a solution, it just hides the error Thanks. -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to angular+unsubscr...@googlegroups.com. To post to this group, send email to angular@googlegroups.com. Visit this group at https://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.