Coder Social home page Coder Social logo

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

View Code? Open in Web Editor NEW
38.0 38.0 21.0 393 KB

Recipes for managing the UI layout of an application using Redux in Angular

License: MIT License

TypeScript 82.34% JavaScript 5.83% HTML 10.01% CSS 1.82%
angular-cli angular2 angular4 ngrx ngrx-store redux

ngx-redux-ui-management-recipes's Issues

state is undefined in layout.reducer.ts for getters

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.

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!

Upgrade issues

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.

Project not working properly

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?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.