Which router for Angular1.5?

Question

Which router for Angular1.5?

343 views Asked by Kalas Yagami At 10 August 2016 at 09:14

This question seems a bit "IdidntwanttosearchonGoogle" but I did. A lot, and anything worked.

I'm trying to build a little web app with angular 1.5. The problem is that I never used route (NEVER !), and Angular 1.5 seems ambiguous about it. I've seen that 1.5 uses Component Router like Angular 2, then on the Angular page it says that it is deprecated and we have to use ngRoute.

The fact is that anyway, I don't manage to understand which to take and how to use it. Tried this in my bower.json :

{
  "name": "doit"
  "dependencies": {
  "angular": "1.5.8",
  "angular-component-router": "0.2.0"
  }
}

And in my index.html :

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.3/css/bootstrap.min.css" integrity="sha384-MIwDKRSSImVFAZCVLtU0LMDdON6KVCrZHyVQQj6e8wIEJkW4tvwqXrbMIya1vriY"             crossorigin="anonymous">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>DoIt Application</title>
    <!-- SCRIPT DE CONNEXION -->
    <script src="bower_components/angular/angular.js"></script>
    <script src="bootstrap.js"></script>
    <script src="app/app.component.js"></script>
    <script src="bower_components/angular-component-router/angular_1_router.js"></script>
    <script src="bower_components/angular-component-router/ng_route_shim.js"></script>

</head>
<body ng-app="app">
    <my-app></my-app>

</body>
</html>

If you have a guide that explain routes in Angular 1.5 correctly, who works, It would be perfect !

Original Q&A

There are 3 answers

gyc On 10 August 2016 at 09:26

Follow the tutorial for ui-router (which is the most used librairy for routing in ng1)

In the second part they explain how to route to components.

Rohit Gupta On 10 August 2016 at 09:41

In a perfect angular 1.5 app every route is bound to a component which can in turn register new sub routes. You can find more details in the new Component Router Developer Guide from https://docs.angularjs.org/guide/component-router

var portalModule = angular.module('portal', ['ngComponentRouter']);
portalModule.value('$routerRootComponent', 'portal');
portalModule.component('portal', {
  templateUrl: 'components/portal.html',
  $routeConfig: [
    { path: '/home', component: 'home', name: 'Home', useAsDefault: true },
    { path: '/apps/:name/:location*', component: 'app', name: 'Apps' },
  ],
});

**iQ.** · Accepted Answer · 2016-08-10 09:31:36

Are you specifically wanting to use the Angular 1.5 router or are you asking for suggestions on which router library to use?

Personally if you are not strict on using the Angular router, I would recommend using ui-router, it has become almost a standard in angular apps anyway.

Things I like about it:

It is well maintained and very stable.
Easy to configure and comprehensive.
Simple directives that easily allow navigation on tags.
Good parent child support (e.g. /Categories, /Categories/Football)
Large community support so you will find lots of guides and help easily.

https://github.com/angular-ui/ui-router

Put this in your bower.json:

{
  "angular-ui-router": "~0.3.1"
}

Put this in your app:

angular.module('myApp', ['ui.router', ...other dependencies]);

EDIT:

So if you wish to use the component routing, you can fake it in 0.3.

However if you want full component routing then 1.0 alpha is the one to use.

Check this github issue link for more info:

https://github.com/angular-ui/ui-router/issues/2793

TechQA.

Which router for Angular1.5?

There are 3 answers

Related Questions in JAVASCRIPT

Related Questions in ANGULARJS

Related Questions in ROUTES

Related Questions in ANGULAR-COMPONENT-ROUTER

Related Questions in NGCOMPONENTROUTER

Popular Questions

Popular Tags

Trending Questions