Cannot read property 'scope' of undefined

[danidev]

Hello,

I've just installed angular.panels by bower and configured as in the tutorial.

when I call panels.open('left-menu') I get this error:

TypeError: Cannot read property 'scope' of undefined
    at Object.s.open (angular.panels.min.js:formatted:21)

here is my config:

.config(['panelsProvider', function (panelsProvider) {
    panelsProvider
        .add({
            id: 'left-menu',
            position: 'left',
            size: '700px',
            templateUrl: 'components/leftmenu/leftmenu.html',
            controller: 'LeftMenuCtrl'
        });
  }

and this is my controller:

(function() {
    'use strict';
    function LeftMenuCtrl($scope) {
        var self = this;
        self.init = function() {
            console.log('left panel');
        };
        self.init();
    }

    angular.module('myapp')
        .controller('LeftMenuCtrl', ['$scope', LeftMenuCtrl]);
})();

Any ideas?

thanks in advance,
Daniele

[Sharique-Hasan]

@eu81273 I am also facing the same issue.

[Sharique-Hasan]

@danidev I got it working. You need to put this div in your html too:

<div data-panels="true"></div>