路由和链接angular2

时间:2016-05-08 19:32:18

标签: hyperlink routes angular

我会对路由感到疯狂,因为angular2 RC1我无法正确路由,我的最后一个错误是:

  

EXCEPTION:错误:未捕获(在承诺中):组件' LoginForm'不   没有路线配置

我的代码如下(我跳过有用的部分)

我无法理解错误信息,我想要的只是我的主页上使用' [routerLink]'路由到正确的组件(我的主要活动)

此致

注意:" / app /"只是我的应用网址的基本路径(它不对应于组件)

bootstrap(AppComponent,[
    ROUTER_PROVIDERS
]);


/////////////////////

@Component({
    selector: 'my-app',
    template: `
    <navbartop></navbartop>
    <h1>MAIN APP COMP</h1>
        <a [routerLink]="['/app/coursesactivity']">CouresesActivity</a>
        <router-outlet></router-outlet>
    `,
    directives: [ROUTER_DIRECTIVES, NavBarTop],
    providers: [ROUTER_PROVIDERS]
})

@Routes([
    { path: '/app/login', component: LoginForm },
    { path: '/app', component: LoginForm }
])

export class AppComponent implements OnInit, OnActivate {
.....
}

/////////////////////

@Component({
  selector: 'loginform',
  templateUrl: '/app/components/compLoginForm/LoginForm.component.html',
  styles: ['/app/components/compLoginForm/LoginForm.component.css']
})

export class LoginForm implements OnInit {//, OnActivate { 
  constructor(
    //private _router: Router
    //private _routeData: RouteData, deprecated
    //private _routeParams: RouteParams deprecated
    ) {    
  }
...

}

1 个答案:

答案 0 :(得分:0)

我决定清理代码,我遇到了其他错误, 最后我不知道原始错误来自哪里...... 对不起谁帮助了我。 此致