javascript - Refreshing page in Meteor with iron:router always clears route -
i have meteor app i've developed using iron:router package. know users have tendency reload page because loves occasionally.
my problem every time page reloaded goes home page of meteor app.
is there way make app stay on route on when page reloaded?
here routes code:
router.configure({ layouttemplate: 'layout', // defines layout template loadingtemplate: 'loading' // defines loading template }); // add datanotfound plugin, responsible // rendering datanotfound template if routecontroller // data function returns false value router.plugin('datanotfound', { notfoundtemplate: 'datanotfound' }); router.route('/', { name: 'home', template: 'home' }); router.route('/signup'); router.route('/login'); router.route('/recoverpassword'); router.route('/resetpassword'); here related layout:
<template name="layout"> {{> navigation}} {{> yield}} {{> footer}} </template> <head> <title>ecclesia.life</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> </head> <body> <!-- dropdown menu script --> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> </body> <template name="navigation"> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false"> <span class="sr-only">toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="{{pathfor route='home'}}">ecclesia.life</a> </div> <div class="navbar-collapse collapse" id="navbar-collapse" aria-expanded="false" style="height: 1px;"> <ul class="nav navbar-nav"> <li><a href="{{pathfor route='home'}}"><span class="glyphicon glyphicon-home"></span> home</a></li> <li><a id="qrscanner" href="#" onclick="indevelopment();"><span class="glyphicon glyphicon-qrcode"></span> qr scanner</a></li> <script> $('#qrscanner').click(function() { alert("still in in development"); }); </script> </ul> <ul class="nav navbar-nav navbar-right"> {{#if currentuser}} {{#if isinrole 'admin'}} <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-cog"></span> maintenance <span class="caret"></span></a> <ul class="dropdown-menu"> <li> <a href="/manageusers"><span class="glyphicon glyphicon-user"></span> manage users</a> </li> <li><a href="/addqrpage"><span class="glyphicon glyphicon-plus"></span> add qr page</a></li> </ul> </li> {{/if}} <li><a href="/@{{currentuser.username}}"><span class="glyphicon glyphicon-user"></span> {{currentuser.profile.firstname}} {{currentuser.profile.lastname}}</a></li> <li><a id="logout" href="{{pathfor route='login'}}"><span class="glyphicon glyphicon-log-out"></span> log out</a></li> {{else}} <li><a href="{{pathfor route='login'}}"><span class="glyphicon glyphicon-log-in"></span> log in</a></li> <li><a href="{{pathfor route='signup'}}"><span class="glyphicon glyphicon-pencil"></span> sign up</a></li> {{/if}} </ul> </div> </div> </nav> <template name="footer"> <footer class="footer footer-default"> <div class="container-fluid"> <hr /> <p class="text-muted">copyright © ecclesia.life, 2015.</p> </div> </footer> </template>
ok, have put small test repo , works perfectly. try out, , maybe spot difference in code. if still not work, post more code (template definitions @ least) , in folders have files. packages have installed.
Comments
Post a Comment