New router

[georgiosd]

I've tried my luck at the Gitter channels with limited success so I'm trying my last resort :)

What's the current way of importing the new component router to a project?

I see most recent work is in angular/angular repo but don't seem to find a recent package anywhere.
The JSPM angular-new-router package points to @btford's repo and brings version 0.5.3 which looks pretty outdated.

[ryanwalls]

+1

[brandonroberts]

@georgiosd Since the new router isn't published yet, you're gonna have to build it from source using the https://github.com/angular/angular repo. From there you can take the built file (angular_1_router.js) and use it

[brandonroberts]

Here is a plunkr with the latest build as of today.

http://plnkr.co/edit/MxzjC99l8WDbuEu14ws2?p=preview

[georgiosd]

That's wonderful, thank you. Is there an ETA on a release currently?

[brandonroberts]

I have no idea. I thought the new router was supposed to come with 1.5, but we'll have to wait and see.

[georgiosd]

Indeed! Thanks, closing this now!

[georgiosd]

@brandonroberts what sequence of commands do you use to build the router?

I did the "normal" npm install npm build.js steps and didn't get an angular_1_router.js file...

[brandonroberts]

@georgiosd you need to run gulp buildRouter.dev. It will put the angular_1_router.js in your dist folder.

[vguede]

@brandonroberts can you give us all the sequence of commands to build the router ? I'm a newbie on gulp and it doesn't work with me.

[brandonroberts]

@vguede Sure. You need to have at least node 5 and at least npm 3.x installed.

Install gulp globally npm install -g gulp@latest
Clone the angular 2 repo: git clone git@github.com:angular/angular.git angular2
Go into the angular2 directory and install the dependencies cd angular2 and npm install
After npm finishes, run the gulp command to build the router file gulp buildRouter.dev

The angular_1_router.js file will be in your angular2/dist folder.

Hope this helps

[vguede]

@brandonroberts It works fine ! Many thanks !

[pauloya]

@brandonroberts Thanks for the info. I couldn't use child routes correctly, and can't find any example with child routes. I expanded the plunker you sent with a child route, as I understand it should be used.
http://plnkr.co/edit/5PyC9MjSaI5xC3fZRkgw?p=preview

The Home component has a new outlet, and configures a new route at "/", but this fails with
Error: Configuration '/' conflicts with existing route '/'

I don't think it should conflict, since the home controller is configuring a child route, it look's like the home controller is receiving the top router instead of a child one.
I based this on this presentation: https://docs.google.com/presentation/d/1bGyuMqYWYXPScnldAZuxqgnCdtgvXE54HhKds8IIPyI/edit#slide=id.gcbc539c5a_2_619

Can someone help me understand how to set up child routes, or point me to a working sample?

[brandonroberts]

@pauloya Setting up child routes in Angular 1 is a little different then setting them up in Angular 2. To setup up your child routes, you have to place a $routeConfig property on your directive factory function in the parent directive. I forked your plunk and updated it with a working example.

http://plnkr.co/edit/2ZNQzWfspvpmMCLRBOdN?p=preview

If you also want to look at another example, Its using the upcoming component helper, but the concepts are the same. https://github.com/brandonroberts/angularjs-component-router

If you want a newer build you can install the router from npm now.

npm install @angular/router