-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Working Example #5
Comments
https://github.com/Nexbit/aurelia-slideout/blob/master/test/resources/my-component-host.ts That is your example, don't put panel inside nx-slideout, but cross reference it by <nx-slideout ref="slideout" id="menu" target.bind="content" view-model.ref="slideout" close-on-click.bind="closeOnClick" opened.bind="opened" duration="1"></nx-slideout>
<main id="panel" ref="content">
<!-- -->
</main> |
Thanks @huochunpeng but still doesn't work. For reference, try creating a new aurelia application, npm install aurelia-slideout, npm install emitter, npm install decouple, npm install slideout, add the above markup and to app.html, run it, click on the button and you get: Uncaught TypeError: this.emit is not a function |
It worked for me but I am not using webpack. https://github.com/huochunpeng/test-aurelia-slideout For requirejs, it's fine as long as the css file is bundled, either follow the readme of this repo, or just use unreleased (but going to be) auto-tracing cli. Update: bug on auto-tracing is fixed now. It all works fully automatically. |
I can confirm this plugin doesn't support webpack. It' not surprising, since it was created before Aurelia got webpack support. aurelia-slideout/src/aurelia-slideout.ts Line 22 in b77f69d
This needs to use Since the author is probably not maintaining this plugin, you can simply borrow the source code to your app instead of using npm package. Or you can publish a fixed version under different name to npmjs registry. |
FYI, there is another cli bug that prevents the inlineView in |
@weastaugh, it works for systemjs too, but the component is too buggy (for example, toggle Device Mode in Chrome/Opera and try to emulate touch gestures), properties are not supported at most. For now I use the pure css solution. |
Hi Paolo.
This looks super useful. I'm struggling to get it to work.
I realise that it's been two years since you last updated this repo but could you provide a working example? It looks like we should wrap the markup in a tag but what are the required attributes? Something like below?
The text was updated successfully, but these errors were encountered: