Relative child-routing about angular

[christopherthielen]

There is now a nontrivial sample app built with the Angular-CLI.

[christopherthielen]

I just checked the plunker and it actually does use relative links:

https://plnkr.co/edit/1wB5QZSPvvCJZXBWMLXU?p=preview

components/people.ts

          <li *ngFor="let person of people">
            <a uiSref=".person" [uiParams]="{ personId: person.id }">
              {{person.name}}
            </a>
          </li>

What troubles are you having?

[niwrA]

I have to use people.person, or it simply won't work.

My biggest problem right now though, which may make me return to regular Angular 2 routing, is that the angular cli can't compile with the UIRouter.ForRoot() line in there. If I add it back after ng serve it runs fine. Also, when I enter a route in the address bar, it doesn't work. Only the routing through uiSref links works at the moment. Presumably I'm overlooking something.

[kolkov]

HI! Try this temporary solution for Angular cli #13

[mackelito]

@kolkov would you mind posting how you solved it? The repo posted in #13 is a 404 :(

[zurie]

@niwrA you should try this in your UI Router Config

import {UIRouter} from "ui-router-ng2";
import {Injectable} from "@angular/core";

@Injectable()
export class MyRootUIRouterConfig {
  constructor(uiRouter: UIRouter) {
    //disable the trailing slash
    uiRouter.urlMatcherFactory.strictMode(false);
    //disable the case sensitivity
    uiRouter.urlMatcherFactory.caseInsensitive(true);

  }
}

[kolkov]

Thank You very much for your work, @christopherthielen!