javascript - AngularJS State routing -

i have 3 states - app, app.devices, app.devices.device. app , app.devices states working, app.devices.device isn't.

code: http://pastebin.com/r1kyuexp http://pastebin.com/uecv7chv

this code

  module.config(function ($stateprovider, $couchpotatoprovider, $urlrouterprovider) {         $stateprovider             .state('app.devices', {                 views: {"content": {"templateurl": "app/devices/devices.tpl.html"}},                 'url': '/devices',                 controller: 'devicesctrl',                 data: {title: 'devices'},                 resolve: {                     deps: $couchpotatoprovider.resolvedependencies([                         'devices/devicesctrl'                     ])                 }             }         ).state('app.devices.device', {             'views': {'content': {"templateurl": "app/devices/device.tpl.html"}},             'url': '/device'         });     }); 

you have not define controller app.devices.device, that's not working please define controller

.state('app.devices.device', {                 'views': {'content': {"templateurl": "app/devices/device.tpl.html"}},                 'url': '/device',                  controller: 'yourcontroller',             });