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


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.

Reply via email to