Can anybody guide me how to add this angular side panels in my ionic app?
Regards.
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 Object.s.open (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){
panelsProvider.add({
id: “testMenu”,
position: “left”,
size: “320px”,
templateUrl: ‘templates/feedback.html’,
controller: ‘FeedbackCtrl’
})
.add({
id: “testpanel”,
position: “right”,
size: “80%”,
templateUrl: “templates/terms.html”,
controller: “TermsCtrl”,
closeCallbackFunction: “testpanelClose”
});
}])
injected module angular.panels
and on ng click calling: panels.open(“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:
https://eu81273.github.io/angular.panels/
thanks for the reply but I’m still getting the same error
could you provide a codepen ??