Using ui-router with AngularJS 1.6. components

Question

I have recently switched to AngularJS 1.6. to make it easier to move to Angular2 and beyond if necessary. In a sample app I'm trying to create, I'm having trouble setting up ui-router 1.0 for components. Here is what I've tried so far:

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'
            }
    })

which gives the following error:

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

What am I missing ?

Pankaj Parkar · Accepted Answer · 2018-01-23 16:48:58Z

4

state options should be part of state definition.

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

edited Jan 23, 2018 at 16:48

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

answered Jan 23, 2018 at 16:35

XPX-Gloom

6015 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using ui-router with AngularJS 1.6. components

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related