Add the ability to generate routes about angular-cli HOT 8 CLOSED

How do you see the routes getting created? Where would they live?

I think if there was just one route file this would be fairly easy, but if you go from a component or feature approach the route would maybe live in the related sub folder. The latter would make a route generator hard.

I do agree that the starting should have some route examples though.

from angular-cli.

hmm.. I was expecting a single, top-level routes file.

I can see how projects may want to register their routes in a sub-folder, but it seems like that would be more of an advanced user case. For the casual user wanting to start a new Angular2 project, it would be nice if routing worked "right-out-of-the-box."

from angular-cli.

My current thinking is that routes should really be routable components. These unlike regular components get generated in as a nested directory structure that maps to the route directory structure.

from angular-cli.

I can pick this up soon.

from angular-cli.

@filipesilva I am happy to help out with this too. I'm still learning ng2 but this project is great - the ember-cli is super useful.

from angular-cli.

@samjulien thanks! I think it's going to be easy enough, but adding routes will need these two PRs in as well #66 #100

@IgorMinar Routable components seems the way to go, like described here in angular.io. Maybe even doing the routable component + list component + detail component + service all at once.

Thus, running

ng generate route heroes

Would generate the following folder structure

...
|-- app
|   |-- ...
|-- heroes
|   |-- heroes.component.ts
|   |-- heroes-detail.component.ts
|   |-- heroes-list.component.ts
|   |-- heroes.service.ts
|-- app.ts
...

And would add the child route definition to the router in app.ts:

...
  {
    path: '/heroes/...',
    name: 'Heroes',
    component: HeroesComponent
  },
...

from angular-cli.

I've a PR proposal for route generation in #139. It does somewhat more than adding a single route.

from angular-cli.

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}

from angular-cli.