jagonalez / aurelia-navigation-menu Goto Github PK
View Code? Open in Web Editor NEWAllows Eager Loading of child routers and creates a navigation menu with all navigation routes
License: Creative Commons Zero v1.0 Universal
Allows Eager Loading of child routers and creates a navigation menu with all navigation routes
License: Creative Commons Zero v1.0 Universal
The app does not start when using
activate(params) {
return this.navigationMenu.ensureMenu()
}
when I change it to
activate(params) {
this.navigationMenu.ensureMenu()
}
it works; however, I am not sure that will it work properly since the promise might not be resolved when activate
method is done?
Any chance of including a a definition file into the plugin for those of us who use Typescript ?
Note: I don't have a code sample yet, as the problem is not showing up when I try to repro using the example code you provided.
I'm having an issue with implementing the navmenu with a larger codebase.
Third level items are showing up, but with the incorrect href. From debugging, it seems that where nav.href
is set in navigation-menu.js
, navModel.href is undefined. The hrefs are showing up like 'undefined/mynestedpath' instead of 'mysection/mynestedpath'
Note that I am not blocking activate for my app on this.navigationMenu.ensureMenu(), because that would prevent my app from fully loading.
I'm not sure what to do exactly- if you have time to reach out to me, I am on https://gitter.im/aurelia/Discuss
I had two routes with named viewPorts, like so:
viewPorts: {
main: {
moduleId: PLATFORM.moduleName("x")
},
page: {
moduleId: PLATFORM.moduleName("y")
}
}
This caused a nullref on row 158 in https://github.com/jagonalez/aurelia-navigation-menu/blob/master/src/navigation-menu.js, since it is hardcoded to search for a viewPort called "default". Workaround was to rename one of the viewPorts.
By including this:
import { NavigationMenu } from 'aurelia-navigation-menu';
I get the following error:
TypeError: System.config is not a function
at Object.eval (config.js?af18:1)
at eval (aurelia-navigation-menu:141)
at Object.aurelia-navigation-menu (app.bundle.js:5827)
at webpack_require (app.bundle.js:20)
at WebpackLoader.eval (aurelia-loader-webpack.js?b873:176)
at step (aurelia-loader-webpack.js?b873:36)
at Object.eval [as next] (aurelia-loader-webpack.js?b873:17)
at eval (aurelia-loader-webpack.js?b873:11)
at new Promise ()
at __awaiter (aurelia-loader-webpack.js?b873:7)
The sample app works fine.
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.