angular-ui route won't load controller

Question

    .state('app.match.indicator.speciality',{
      url: '/speciality/:jobId?',
      views: {
        '[email protected]':{
          templateUrl: ENVApp + '/views/match/match.roleProfileSideBar.html?' + cacheVersion,
        },
        '[email protected]': {
          templateUrl: ENVApp + '/views/match/match.page2.html?' + cacheVersion
        }
      },
      controller: 'RoleProfileCreateSpecialtyController'
    })

That's what I have as a state definition, however my RoleProfileCreateSpecialtyController doesn't get loaded for some reason. I know this because I threw an alert in there that never happens.

What am I doing wrong?

This also fails:

    .state('app.match.indicator.speciality',{
      url: '/speciality/:jobId?',
      views: {
        '[email protected]':{
          templateUrl: ENVApp + '/views/match/match.roleProfileSideBar.html?' + cacheVersion,
        },
        '[email protected]': {
          templateUrl: ENVApp + '/views/match/match.page2.html?' + cacheVersion
        }
      },
      // controller: 'RoleProfileCreateSpecialityController'
      controller: function() {
        alert('fd')
      }
    })

Remove the quotes around the controller name. I'm assuming your importing it, too? — rrd
– rrd, Commented Dec 8, 2016 at 15:34
Then you probably have console errors like 'cannot find controller' — devqon
– devqon, Commented Dec 8, 2016 at 15:36
That doesn't do it. Even if I put a controller name that doesn't exist, I get no error — Shamoon
– Shamoon, Commented Dec 8, 2016 at 15:39

Community · Accepted Answer · 2017-05-23 12:24:53Z

2

When defining multiple views in a state, you cannot define a single controller (see https://stackoverflow.com/a/33139917/3153169 for reference).

To fix this, you can just define the controller for the multiple views:

.state('app.match.indicator.speciality',{
    url: '/speciality/:jobId?',
    views: {
        '[email protected]':{
            templateUrl: ENVApp + '/views/match/match.roleProfileSideBar.html?' + cacheVersion,
            controller: 'RoleProfileCreateSpecialtyController'
        },
        '[email protected]': {
            templateUrl: ENVApp + '/views/match/match.page2.html?' + cacheVersion,
            controller: 'RoleProfileCreateSpecialtyController'
        }
    }
})

edited May 23, 2017 at 12:24

CommunityBot

11 silver badge

answered Dec 8, 2016 at 16:02

devqon

14k2 gold badges32 silver badges46 bronze badges

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

1 Comment

Walfrat Over a year ago

As an addendum for the OP : read this link in the answer link by devqon : stackoverflow.com/q/29107012/1679310. You will probably need it.

Collectives™ on Stack Overflow

angular-ui route won't load controller

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related