使用带AngularJS 1.6的ui-router。组件

时间:2018-01-23 16:32:25

标签: angularjs angular-ui-router

我最近切换到AngularJS 1.6。如果需要,可以更容易地移动到Angular2及更高版本。在我试图创建的示例应用程序中,我无法为组件设置ui-router 1.0。这是我到目前为止所尝试的:

import { DashboardComponent } from './ng/dashboard.component.js';
import uiRouter from "@uirouter/angularjs";

export default angular
    .module('dashboardModule', ['ui.router'])
    .component('dashboard', DashboardComponent)
    .config(function($stateProvider) {
        $stateProvider
            .state('home'), {
                url: '/',
                component: 'dashboard'
            }
    })

会出现以下错误:

Error: [$injector:modulerr] Failed to instantiate module dashboardModule due to:
TypeError: Cannot set property 'name' of undefined at StateProvider.state 

我错过了什么?

1 个答案:

答案 0 :(得分:4)

州选项应该是州定义的一部分。

.state('home', {
    url: '/',
    component: 'dashboard'
})