hggeorgiev / ngx-redux-ui-management-recipes Goto Github PK

I've just downloaded the code, run an npm install, and then executed ng serve. It compiled and ran the app. In Chrome, I browsed to http://localhost:4200 and it showed the main page. I hit F12, then I clicked on "Open Modal With Template" and it has failed with "ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'undefined'. Current value: 'modal fade show'. It seems like the view has been created after its parent and its children have been dirty checked. Has it been created in a change detection hook ?"

I'm not sure where to go to fix this?

I like the examples in this project a lot, but have not been able to upgrade the source to current Angular/Ngrx. Going thru the article up to the modals section fails with the following error:

ERROR in node_modules/@ngrx/effects/src/bootstrap-listener.d.ts(1,20): error TS2305: Module '"../../../@angular/core/core"' has no exported member 'OpaqueToken'.
...

Cloning the complete repo and trying to upgrade it ends up with the following errors:

ERROR in Metadata version mismatch for module 
/Users/tim/angular/redux/ngx-redux-ui-management-recipes/node_modules/@ng-bootstrap/ng-bootstrap/index.d.ts, 
found version 4, expected 3, 
...

I have a repo here which contains my work to get these samples up and running.

Are there any plans to upgrade the article/code base? It seems like a very worth-wile project to me.

A couple of comments on this the disqus to the pluralSight article too

export const getOpenedModalName = (state: State) => state.openedModalName;

in all instances "Cannot read property 'openedModalName' of undefined"

when called from this.openedModalName$ = store.select(fromRoot.getLayoutOpenedModalName); and subscribed to with async.

Error: Expression has changed after it was checked. Previous value: 'CD_INIT_VALUE'. Current value: 'modal fade show'. It seems like the view has been created after its parent and its children have been dirty checked. Has it been created in a change detection hook ?

Everything's looking good for me except the handleOpenModal method, which perhaps requires a different lifecycle-hook init?

Really appreciate this guide, Hristo!