个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我有一个使用 iron:router 包开发的 Meteor 应用程序。我知道我的用户会有重新加载页面的倾向，因为每个人都喜欢偶尔这样做。
我的问题是，每次重新加载页面时，它都会返回到我的 Meteor 应用程序的主页。
有没有办法让应用在页面重新加载时保持在原来的路线上？
这是我的路线代码:
Router.configure({
layoutTemplate: 'layout', // Defines the layout template
loadingTemplate: 'loading' // Defines the loading template
});
// Add the dataNotFound plugin, which is responsible for
// rendering the dataNotFound template if your RouteController
// data function returns a 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');
这是与布局相关的所有内容:
<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，我整理了小测repo一切都很完美。尝试一下，也许您会发现代码中的差异。如果它仍然不起作用，请发布更多代码(至少是模板定义)以及文件所在的文件夹。还有你安装了什么包。
关于javascript - 用铁刷新Meteor页面 :router always clears route，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35047751/
26
4
0
这是我的案例。我正在构建一个模板，该模板应该根据我可以通过标识符获取的一些数据来呈现图表。 我将在此处展示的示例是我的代码的简化版本，它完全描述了我的问题。 这是我的 HTML: example
我想知道是否有任何方法可以显示在 iron-autogrow-textarea 中输入的符号数量？如果是的话我该怎么做？ 我尝试过这个解决方案。 Javascript函数: countChars: f
我正在使用 iron:router 包开发 meteor 。我的 javascript 文件包含: Router.route('/', function () { this.render('hom
我正在尝试使用iron:router 来实现页面之间的转换。我在 css 中定义了动画，现在我需要的就是用iron:router 调用它们。由于某种原因，以下代码: animateContentOut
我们实现了一种布局，主要内容位于动态侧边栏中。我们定义了以下 layoutTemplate: {{> content}} {{> leftbar}} {{> rightbar}}
我在学习 meteor 0.8.3并尝试使用 iron-router 设置一些基本路由 我的 smart.json包含: { packages: { iron-router: {
你好，我在index.html中有这个: 我的 test2 元素是: add
我想在当前的不同路线上添加类。 我的脚本: Template.layout.rendered({ rowClass: function() { var blockGridCon
我想在客户端上呈现两种不同的布局。 Router.route('/', { template: 'register', layoutTemplate: 'home' }); Rout
当您在 iron:router 中为 meteor 创建通配符 URL 时，pathFor 模板助手以及 Router.go 和 Router.routes[routeName].path() 似乎已
如何使Iron:router重新渲染模板？ 我有这个HTML: list find {{> yield}} list 和这个js: Router.configure({
我在使用 Router.go() 函数时遇到问题。我有一个表格，当它提交时，它应该将我路由到测验页面。目前它会执行此操作，但它会立即带我返回表单所在的主模板。我离开 Meteor 几个月了，所以我毫不
我遇到了这个奇怪的错误: “找不到名为‘loading’或‘loading’的模板。你确定你定义了它吗？” 就像Iron router: Error: Couldn't find a template
我的困境是我想将多个对象属性传递给 Meteor 中的 iron:router 路由。原因是我想向它传递一个属性来命名我的 url 和一个属性来查找一个集合项。它们彼此完全独立，我不能使用 url 属
我正在使用 Meteor 编写一个应用程序，它需要从 POST 请求中获取数据并在同一路径上呈现成功页面。这是我当前的/submit 路线代码: Router.route('/submit', fun
出于某种原因，我的data: function... 总是返回undefined。 这是我的服务器代码: Flyers = new Mongo.Collection('flyers'); Meteor
我最近在将输入元素的数据绑定(bind)到 iron-ajax 的“body”属性时遇到了问题。当我在 polymer 0.5 上使用 core-ajax 时，我可以像这样轻松地绑定(bind)值:
我是一名优秀的程序员,十分优秀！