cuppalabs / cuppa-ng2-slidemenu Goto Github PK
View Code? Open in Web Editor NEWAngular 2 Slide Menu navigation componet for mobile and web
Home Page: https://cuppalabs.github.io/cuppa-ng2-slidemenu/
Angular 2 Slide Menu navigation componet for mobile and web
Home Page: https://cuppalabs.github.io/cuppa-ng2-slidemenu/
Note: for support questions, please use one of these channels: Chat: AngularClass.slack or Twitter: @AngularClass
I'm submitting a ...
[ ] bug report
[ ] feature request
[ ] question about the decisions made in the repository
Do you want to request a feature or report a bug?
What is the current behavior?
If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via
https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).
What is the expected behavior?
What is the motivation / use case for changing the behavior?
Please tell us about your environment:
I'm submitting a ...
[ ] bug report
[ ] feature request
[x] question about the decisions made in the repository
Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)
I have a question on the use of !important
on some css styles and not others? I was able to override everything besides the a:hover
and the a.active
background color, the ones with the !important
. Otherwise, I have not run into any issues. Thank you for creating and maintaining this repository.
Note: for support questions, please use one of these channels: Chat: AngularClass.slack or Twitter: @AngularClass
I'm submitting a ...
[x] bug report
[ ] feature request
[ ] question about the decisions made in the repository
Do you want to request a feature or report a bug?
What is the current behavior?
When importing into a child module i get this error:
core.js:1350 ERROR Error: Uncaught (in promise): Error: BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module, import CommonModule instead.
Error: BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module, import CommonModule instead.
at new BrowserModule (platform-browser.js:4565)
at createClass (core.js:10622)
at createProviderInstance$1 (core.js:10596)
at initNgModule (core.js:10549)
at new NgModuleRef (core.js:11792)
at createNgModuleRef (core.js:11782)
at Object.debugCreateNgModuleRef [as createNgModuleRef] (core.js:14092)
at NgModuleFactory.create (core.js:15216)
at MapSubscriber.eval [as project] (router.js:4444)
at MapSubscriber._next (map.js:79)
at new BrowserModule (platform-browser.js:4565)
at createClass (core.js:10622)
at createProviderInstance$1 (core.js:10596)
at initNgModule (core.js:10549)
at new NgModuleRef (core.js:11792)
at createNgModuleRef (core.js:11782)
at Object.debugCreateNgModuleRef [as createNgModuleRef] (core.js:14092)
at NgModuleFactory.create (core.js:15216)
at MapSubscriber.eval [as project] (router.js:4444)
at MapSubscriber._next (map.js:79)
at resolvePromise (zone.js:824)
at resolvePromise (zone.js:795)
at eval (zone.js:873)
at ZoneDelegate.invokeTask (zone.js:425)
at Object.onInvokeTask (core.js:4620)
at ZoneDelegate.invokeTask (zone.js:424)
at Zone.runTask (zone.js:192)
at drainMicroTaskQueue (zone.js:602)
at
If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via
https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).
What is the expected behavior?
What is the motivation / use case for changing the behavior?
Please tell us about your environment:
My package.json looks like this:
"dependencies": {
"@angular/animations": "^5.0.3",
"@angular/common": "^5.0.0",
"@angular/compiler": "^5.0.0",
"@angular/core": "^5.0.0",
"@angular/forms": "^5.0.0",
"@angular/http": "^5.0.0",
"@angular/platform-browser": "^5.0.0",
"@angular/platform-browser-dynamic": "^5.0.0",
"@angular/router": "^5.0.0",
"@ng-bootstrap/ng-bootstrap": "^1.0.0-beta.5",
"angular-font-awesome": "^3.0.3",
"angular2-notifications": "^0.9.6",
"angular2-ui-switch": "^1.2.0",
"angular4-notify": "^1.2.0",
"bootstrap": "^4.0.0-beta.2",
"core-js": "^2.4.1",
"crypto": "^1.0.1",
"cuppa-ng2-slidemenu": "^2.0.0",
"font-awesome": "^4.7.0",
"moment": "^2.19.2",
"ng2-file-upload": "^1.3.0",
"ngx-bootstrap": "^2.0.0-beta.9",
"ngx-ui-switch": "^1.4.9",
"react-shopping-cart": "^1.8.1",
"rxjs": "^5.4.2",
"zone.js": "^0.8.14"
},
"devDependencies": {
"@angular/cli": "1.5.0",
"@angular/compiler-cli": "^5.0.0",
"@angular/language-service": "^5.0.0",
"@types/jasmine": "~2.5.53",
"@types/jasminewd2": "~2.0.2",
"@types/node": "~6.0.60",
"codelyzer": "~3.2.0",
"jasmine-core": "~2.6.2",
"jasmine-spec-reporter": "~4.1.0",
"karma": "~1.7.0",
"karma-chrome-launcher": "~2.1.1",
"karma-cli": "~1.0.1",
"karma-coverage-istanbul-reporter": "^1.2.1",
"karma-jasmine": "~1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.1.2",
"ts-node": "~3.2.0",
"tslint": "~5.7.0",
"typescript": "^2.4.2"
}
only use the function that show the article. this functions onItemSelect should be contain the function navigate or navigateByUrl using item.link
private onItemSelect(item:any){
console.log(JSON.parse(JSON.stringify(item.link)));
this.router.navigateByUrl(JSON.parse(JSON.stringify(item.link)));
}
now I just need to know how to hide the slide again, because it is showing later that used the link
How to pls tell me how to auto close the side menu when clicking on particular menu.?
by doing this, how to load corresponding page while clicking menu routing.
pls share you ideas
Note: for support questions, please use one of these channels: Chat: AngularClass.slack or Twitter: @AngularClass
I'm submitting a ...
[ ] bug report
[ ] feature request
[ ] question about the decisions made in the repository
Do you want to request a feature or report a bug?
What is the current behavior?
If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via
https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).
What is the expected behavior?
What is the motivation / use case for changing the behavior?
Please tell us about your environment:
I'm submitting a ...
[ ] feature request
What is the current behavior?
I really appreciate your module and it is very helpful but it would be more appreciated if you can make it compatible to more sub levels like 3-4.
What is the motivation / use case for changing the behavior?
As of now I am trying to develop somthing which have menu depth till 3-4 and your module only takes care of menu items till 2 levels.
Please tell us about your environment:
Hello ,
I am install side menu but I am getting error below please give any solutions to solve it
ERROR in D:/cuppa-ng2-slidemenu-master/node_modules/@types/webpack/index.d.ts (556,28): Type 'typeof "D:/cuppa-ng2-slidemenu-master/node_modules/@types/tapable/index"' is not a constructor function type.
ERROR in D:/cuppa-ng2-slidemenu-master/node_modules/@types/webpack/index.d.ts (598,46): Namespace '"D:/cuppa-ng2-slidemenu-master/node_modules/@types/tapable/index"' has no exported member 'Plugin'.
ERROR in D:/cuppa-ng2-slidemenu-master/node_modules/@types/webpack/index.d.ts (602,53): Namespace '"D:/cuppa-ng2-slidemenu-master/node_modules/@types/tapable/index"' has no exported member 'Plugin'.
Note: for support questions, please use one of these channels: Chat: AngularClass.slack or Twitter: @AngularClass
I'm submitting a ...
[ ] bug report
[ ] feature request
[ ] question about the decisions made in the repository
Do you want to request a feature or report a bug?
What is the current behavior?
If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via
https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).
What is the expected behavior?
What is the motivation / use case for changing the behavior?
Please tell us about your environment:
Note: for support questions, please use one of these channels: Chat: AngularClass.slack or Twitter: @AngularClass
I'm submitting a ...
[ ] bug report
[ ] feature request
[ ] question about the decisions made in the repository
Do you want to request a feature or report a bug?
What is the current behavior?
If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via
https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).
What is the expected behavior?
What is the motivation / use case for changing the behavior?
Please tell us about your environment:
I'm submitting a ...
[x] bug report
Do you want to request a feature or report a bug?
When trying to build an app with --aot using this directive I'm receiving some errors.
What is the current behavior?
ERROR in ng:///var/www/demo.game/node_modules/cuppa-ng2-slidemenu/src/app/slideMenuNavigation/slidemenu.template.html (2,7): Property 'closeMenu' is private and only accessible within class 'SlideMenu'.
ERROR in ng:///var/www/demo.game/node_modules/cuppa-ng2-slidemenu/src/app/slideMenuNavigation/slidemenu.template.html (3,13): Property 'menuToggle' is private and only accessible within class 'SlideMenu'.
ERROR in ng:///var/www/demo.game/node_modules/cuppa-ng2-slidemenu/src/app/slideMenuNavigation/slidemenu.template.html (3,36): Property 'menuState' is private and only accessible within class 'SlideMenu'.
...
Please tell us about your environment:
angular/cli: 1.4.7
node: 8.6.0
os: linux x64
angular/animations: 4.4.5
angular/common: 4.4.5
angular/compiler: 4.4.5
angular/core: 4.4.5
angular/forms: 4.4.5
angular/http: 4.4.5
angular/platform-browser: 4.4.5
angular/platform-browser-dynamic: 4.4.5
angular/router: 4.4.5
angular/cli: 1.4.7
angular/compiler-cli: 4.4.5
angular/language-service: 4.4.5
typescript: 2.3.4
Note: for support questions, please use one of these channels: Chat: AngularClass.slack or Twitter: @AngularClass
I'm submitting a ...
[ ] bug report
[ *] feature request
[ ] question about the decisions made in the repository
Do you want to request a feature or report a bug?
Feature
What is the motivation / use case for changing the behavior?
When the menu is created, is it possible to have another property that can limit access to certain parts of the menu item based on a user's role?
If this feature is available, can you direct me to the documentation? I can't seem to find a reference
Please tell us about your environment:
Angular 4
Chrome
Note: for support questions, please use one of these channels: Chat: AngularClass.slack or Twitter: @AngularClass
I'm submitting a ...
[ ] bug report
[ ] feature request
[ ] question about the decisions made in the repository
Do you want to request a feature or report a bug?
What is the current behavior?
If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via
https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).
What is the expected behavior?
What is the motivation / use case for changing the behavior?
Please tell us about your environment:
Hi Team,
I am trying to run the code locally, I followed the following steps:
**ERROR in ./src/app/app.module.ts
Module not found: Error: Can't resolve 'cuppa-ng2-slidemenu/cuppa-ng2-slidemenu' in 'C:\cuppa-ng2-slidemenu-master\cuppa-ng2-slidemenu-master\src\app'
@ ./src/app/app.module.ts 9:0-74
@ ./src/app/index.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts
ERROR in .//ng2-handy-syntax-highlighter/src/library/index.js/ng2-handy-syntax-highlighter/src/library/index.js 2:14-30
Module not found: Error: Can't resolve 'tslib' in 'C:\cuppa-ng2-slidemenu-master\cuppa-ng2-slidemenu-master\node_modules\ng2-handy-syntax-highlighter\src\library'
@ ./
@ ./~/ng2-handy-syntax-highlighter/index.js
@ ./src/app/app.module.ts
@ ./src/app/index.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts
ERROR in .//ng2-handy-syntax-highlighter/src/library/directive/highlighter.directive.js/ng2-handy-syntax-highlighter/src/library/directive/highlighter.directive.js 2:14-30
Module not found: Error: Can't resolve 'tslib' in 'C:\cuppa-ng2-slidemenu-master\cuppa-ng2-slidemenu-master\node_modules\ng2-handy-syntax-highlighter\src\library\dire
ctive'
@ ./
@ .//ng2-handy-syntax-highlighter/src/library/index.js/ng2-handy-syntax-highlighter/index.js
@ ./
@ ./src/app/app.module.ts
@ ./src/app/index.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts
ERROR in .//ng2-handy-syntax-highlighter/src/library/component/handy-syntax-highlighter.component.js/ng2-handy-syntax-highlighter/src/library/component/handy-syntax-highlighter.component.js 2:14-30
Module not found: Error: Can't resolve 'tslib' in 'C:\cuppa-ng2-slidemenu-master\cuppa-ng2-slidemenu-master\node_modules\ng2-handy-syntax-highlighter\src\library\comp
onent'
@ ./
@ .//ng2-handy-syntax-highlighter/src/library/index.js/ng2-handy-syntax-highlighter/index.js
@ ./
@ ./src/app/app.module.ts
@ ./src/app/index.ts
@ ./src/main.browser.ts
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts
Child html-webpack-plugin for "index.html":
chunk {0} index.html 544 kB [entry]
+ 4 hidden modules
webpack: Failed to compile.**
Hi @CuppaLabs,
While AOT build getting private accessible class issue.
angular - 5.0.0
ERROR in node_modules\cuppa-ng2-slidemenu\slideMenu.d.ts.SlideMenu.html(2,13): : Property 'closeMenu' is private and only accessible within class 'SlideMenu'.
node_modules\cuppa-ng2-slidemenu\slideMenu.d.ts.SlideMenu.html(3,19): : Property 'menuToggle' is private and only accessible within class 'SlideMenu'.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.