Posts

Showing posts with the label angular-ui-router

Angular/AngularJS Upgrade app unresponsive when browser tab in background

Image
Clash Royale CLAN TAG #URR8PPP Angular/AngularJS Upgrade app unresponsive when browser tab in background I have an Angular/AngularJS Upgrade App and am currently in the process of migrating everything from AngularJS to Angular. It's a fairly large project so I definitely need to go the Upgrade way. I use the @uirouter/angular-hybrid and have a root state that is still AngularJS (Navigation and stuff) and a child view. In this child view im now slowly upgrading all components to Angular. For performance reasons I had to use the downgradeModule() (https://angular.io/guide/upgrade-performance) instead of the UpgradeModule. For ui components I use Angular Material 2. So much for the setup, now to the question/problem : When the tab with the page is in the background and you come back to the page later (at least 5 to 10minutes) the entire page lags and is unresponsive. The longer you are away and the tab is in the background, the longer the lag is. What I already tried/found out: ngZone...

modal popup issue background moved to left in angular 5/4

Image
Clash Royale CLAN TAG #URR8PPP modal popup issue background moved to left in angular 5/4 I'm trying to adapt code in Angular 4 to Angular 5. I made many changes but I had an error about model popup issue. When the model pop open background will moving left 15px. It would be helpful, if you would add a code snippet, cannot help just by guessing where you went wrong with the implementation. – Alex Ananjev 18 mins ago By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Angular ui router use different template based on environment

Image
Clash Royale CLAN TAG #URR8PPP Angular ui router use different template based on environment I want to know if there is any way I can use different footer depending on the host. $stateProvider.state('home', { url : '/page', views : { "main" : { templateUrl : '/buy/product.html' }, "footer" : { template : '<footer show-list="false"></footer>' } } }); So let say if my current hostname is "test.domain.com" for example, I would like to set the show-list to true template : '<footer show-list="true"></footer>' Any suggestion on how I can do that? Had you tried using environment variables? – Християн Христов 22 mins ago ...