angular-routing

Upgrading Angular Cli to 1.3.1 I have some warnings now WARNING in Circular dependency detected: src\app\work-sessions\work-session-list\work-session-list.routing.ts -> src\app\work-sessions\work-session-list\index.ts -> src\app\work -sessions\work-session-list\work-session-list.routing.ts Every class have a structure like this: work-session-list.routing.ts import { Route } from '@angular/router'; import { WorkSessionListComponent } from './index'; export const WorkSessionRoutes: Route[] = [ { path: '', component: WorkSessionListComponent }, ]; Index.ts export * from './work-session-list

Is it possible to load a controller, it's js file, and a template dynamically based on a route group? Psuedo code which doesn't work: $routeProvider.when('/:plugin', function(plugin) { templateUrl: 'plugins/' + plugin + '/index.html', controller: plugin + 'Ctrl', resolve: { /* Load the JS file, from 'plugins/' + plugin + '/controller.js' */ } }); I've seen a lot of questions like this one but none that loads the js file/controller based on a route group. I managed to solve it inspired by @calebboyd, http://ify.io/lazy-loading-in-angularjs/ and http://weblogs.asp.net/dwahlin/archive/2013/05/22

What is the difference between ActivatedRouteSnapshot and ActivatedRoute in Angular 4? It's my understanding that ActivatedRouteSnapshot is a child of ActivatedRoute , meaning that ActivatedRoute contains ActivatedRouteSnapshot . Incidentally, I tried running a Google search for an answer to this question, but I didn't find any of the search results to be understandable. Thank you! Since ActivatedRoute can be reused , ActivatedRouteSnapshot is an immutable object representing a particular version of ActivatedRoute . It exposes all the same properties as ActivatedRoute as plain values, while

I am new to angular 4. What I'm trying to achieve is to set different layout headers and footers for different pages in my app. I have three different cases: Login, register page (no header, no footer) routes: ['login','register'] Marketing site page (this is the root path and it has a header and footer, mostly these sections come before login) routes : ['','about','contact'] App logged in pages (I have a different header and footer in this section for all the app pages but this header and footer is different from the marketing site header and footer) routes : ['dashboard','profile'] I run the

This question already has an answer here: AngularJS: How to remove #!/ (bang prefix) from URL? 6 answers I have setup a new Angular project using yeoman. Angular version is 1.6.0. Project setup was successful but I have been facing an issue with routing Task runner - Grunt When I run the project in local my local page will load with URL http://localhost:9000/#!/ I was expecting http://localhost:9000/#/ When clicked on About link browser is routed to http://localhost:9000/#!/%23%2Fabout Expectation: http://localhost:9000/#/about When I click home link browser is routed to http://localhost:9000/

Angular 2 version: 2.0.0-alpha.44 I've been trying to do routing in Angular 2. Though i was able to do the normal routing done, i am facing some issues when i introduce child routes. Here is the example on plnkr ( http://plnkr.co/edit/Y5doqU1WcEe4Ldr7KfPJ ) Below is the code for quick reference. I am trying to achieve below routing App /\ / \ HomeCmp HelloCmp \ \ ChildCmp And below is how i've configured my paths import {bootstrap, bind, Component, View} from 'angular2/angular2' import {RouteConfig, RouteParams, ROUTER_DIRECTIVES, APP_BASE_HREF, ROUTER_BINDINGS} from 'angular2/router'