sibbling-routes example is not working for me

[nareshbhatia]

When I point my browser to http://localhost:8000/examples/angular-1/sibbling-routes/, I see two links:

1. users then posts
2. posts then users

Clicking either link gives a 404, e.g. "Cannot GET /examples/angular-1/sibbling-routes/users/posts". Is this example expected to work?

[kamrenz]

@btrford There simply seems to be a couple issues in the demo.

1). For some reason we can't use "components" we can only use "component" when describing the components for a multiple route.

 $router.config([
    { path: '/',            redirectTo: '/users/posts' },
    { path: '/users/posts', component: { left: 'users', right: 'posts' } },
    { path: '/posts/users', component: { left: 'posts', right: 'users' } },
  ]);

2). The second issue seems to be around the link. I am not sure why, but the ng-link doesn't work in this case :( So we need to change the URLs from "./" to "#/" and the links will now work.

  <nav>
    <a href="#/users/posts">users then posts</a>
    <a href="#/posts/users">posts then users</a>
  </nav>

[kamrenz]

The issue seems to be preceding the following code in the router:

• When using the "components" the incoming instruction doesn't have a component defined
• Using "component" instead allows the router to find the "left" and "right" components

    function getComponentFromInstruction(instruction) {
      var component = instruction[0].handler.component;
      var componentName = typeof component === 'string' ? component : component[viewportName];
      return $componentLoader(componentName);
    }

[dcunited08]

Please look at #153 I submitted a pull request with your fixes above.