javascript - 在 angular2 rc4 问题(纯 JS)中找不到 RouteConfig 函数

标签 javascript angular angular2-routing angular2-router angular2-router3

升级到 RC4 后,我在配置路由器时遇到了这个问题:

ng.router.RouteConfig is not a function



我正在使用纯 JavaScript。

这就是我引导的方式:
ng.platform.browser.bootstrap(AppComponent,[
        ng.router.ROUTER_PROVIDERS,
        new ng.core.provide(ng.core.PLATFORM_DIRECTIVES, {useValue: [ng.router.ROUTER_DIRECTIVES], multi: true}),
        new ng.core.provide(ng.common.LocationStrategy, {useClass: ng.common.HashLocationStrategy})
]);

我的主要组件看起来像这样(删除了不必要的代码):
var AppComponent = ng.core
    .Component({
        selector: 'app',
        templateUrl: 'app/app.view.html',
        directives: [
            ng.router.ROUTER_DIRECTIVES
        ]
    })
    .Class({
        constructor: function() {}
    });

AppComponent = ng.router
    .RouteConfig([
        {path: '/search', name:"Search", component: SearchComponent},
        {path: '/results', name:"Results", component: ResultsComponent },
        {path: "*", component: SearchComponent }
    ])
    (AppComponent);

我在用:
Angular :2.0.0-rc.4
路由器:3.0.0-beta.1

这是我的脚本包括:
    <script src="libs/angular/2.0.0-rc.4/shim.min.js"></script>
    <script src="libs/angular/2.0.0-rc.4/zone.js"></script>
    <script src="libs/angular/2.0.0-rc.4/Reflect.js"></script>
    <script src="libs/angular/2.0.0-rc.4/Rx.umd.js"></script>
    <script src="libs/angular/2.0.0-rc.4/core.umd.js"></script>
    <script src="libs/angular/2.0.0-rc.4/common.umd.js"></script>
    <script src="libs/angular/2.0.0-rc.4/compiler.umd.js"></script>
    <script src="libs/angular/2.0.0-rc.4/platform-browser.umd.js"></script>
    <script src="libs/angular/2.0.0-rc.4/platform-browser-dynamic.umd.js"></script>
    <script src="libs/angular/2.0.0-rc.4/http.umd.js"></script>
    <script src="libs/angular/2.0.0-rc.4/router.umd.js"></script>

最佳答案

我猜是RouterConfig而不是 RouteConfig .

Angular 教程中的代码示例 Link

import { provideRouter, RouterConfig }  from '@angular/router';
import { HeroesComponent } from './heroes.component';

const routes: RouterConfig = [
  {
    path: 'heroes',
    component: HeroesComponent
  }
];

更新
.Class({
    constructor: [ ng.router.Router, function(router) {
            router.config([
                { path: '/dashboard', name: 'Dashboard', component: DashboardComponent, useAsDefault: true },
                { path: '/heroes-list', name: 'Heroes', component: HeroesComponent },                
                { path: '/detail/:id', name: 'HeroDetail', component: HeroDetailComponent }
            ]);

    }]
});

关于javascript - 在 angular2 rc4 问题(纯 JS)中找不到 RouteConfig 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38397364/

相关文章:

Javascript 函数语法

javascript - 如何将参数传递给Event.observe的处理程序?

javascript - 检测浏览器和操作系统版本

javascript - Angular 2 ngModel mutator 指令

Angular - 如何更改工作区名称?

angular - 除了设计简单之外,在 Angular2 中使用多个模块有什么好处?

javascript - 为什么我不能在JavaScript中使用&&来表示空白和空格

javascript - 为什么这个简单的计数器算一个额外的单词?

Angular2 - 选择器 "my-app"不匹配任何元素(仅在首次加载时)

angular - 需要从 Angular 7 路由器中的路由获取参数