Angular Side Panels in ionic?

Can anybody guide me how to add this angular side panels in my ionic app?


follow the guide in the github repo.
Load the lib --> include the source in your index.html
add the module to your app dependencies

hi begntler thanks for the reply. i tried that but it gives me following error that’s why I’m asking.

TypeError: Cannot read property ‘scope’ of undefined
at (http://localhost:8100/lib/angular.panels.min.js:1:383)
at Scope.$scope.refreshMap (http://localhost:8100/js/controllers.js:190:12)
at fn (eval at (http://localhost:8100/lib/ionic/js/ionic.bundle.js:21972:15), :4:221)
at http://localhost:8100/lib/ionic/js/ionic.bundle.js:57514:9
at Scope.$eval (http://localhost:8100/lib/ionic/js/ionic.bundle.js:24673:28)
at Scope.$apply (http://localhost:8100/lib/ionic/js/ionic.bundle.js:24772:23)
at HTMLButtonElement. (http://localhost:8100/lib/ionic/js/ionic.bundle.js:57513:13)
at HTMLButtonElement.m.event.dispatch (http://localhost:8100/lib/jquery.min.js:4:8549)
at HTMLButtonElement.r.handle (http://localhost:8100/lib/jquery.min.js:4:5252)
at triggerMouseEvent (http://localhost:8100/lib/ionic/js/ionic.bundle.js:2865:7)

could you post some code how did you include it in your index.html and how do you using it?

Simply defined in a config

.config([‘panelsProvider’, function(panelsProvider){

id: “testMenu”,
position: “left”,
size: “320px”,
templateUrl: ‘templates/feedback.html’,
controller: ‘FeedbackCtrl’
id: “testpanel”,
position: “right”,
size: “80%”,
templateUrl: “templates/terms.html”,
controller: “TermsCtrl”,
closeCallbackFunction: “testpanelClose”

injected module angular.panels

and on ng click calling:“testMenu”);

maybe you forgot to add panels dom-node:

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

so there is no scope connected with the panels.

Look at quickstart:

thanks for the reply but I’m still getting the same error

could you provide a codepen ??