我的流星应用程序出现了2个错误。这些是以下错误。我正在使用accounts-ui-bootstrap-3而我正试图在layout.html
内显示我的标题模板。
以下是我的一些代码的错误。
Uncaught TypeError: Cannot read property 'push' of undefined
Uncaught Error: There are multiple templates named 'layout'. Each template needs a unique name.
^^即使我只有一个名为layout的模板。
代码:
的layout.html
<template name="layout">
<div class="container">
{{>header}}
<div id="main" class="row-fluid">
{{>yield}}
</div>
</div>
</template>
<强烈> header.html中
<template name="header">
<header class="navbar">
<div class="navbar-inner">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="{{pathFor 'postsList'}}">Test</a>
<div class="nav-collapse collapse">
<ul class="nav pull-right">
<li>{{> loginButtons}}</li>
</ul>
</div>
</div>
</header>
</template>
为什么不显示登录按钮?
Router.js
Router.configure({
layoutTemplate: 'layout',
loadingTemplate: 'loading',
waitOn: function() { return Meteor.subscribe('posts'); }
});
Router.map(function() {
this.route('postsList', {path: '/'});
this.route('postPage', {
path: '/posts/:_id',
data: function() { return Posts.findOne(this.params._id); }
});
});
答案 0 :(得分:1)
你使用mrt:accounts-ui-bootstrap-3还是ian:accounts-ui-bootstrap-3?如果你使用mrt:accounts-ui-bootstrap-3,它就不会工作了,因为不再支持了。使用ian:accounts-ui-bootstrap-3代替。
答案 1 :(得分:0)
您可以省略登录按钮的li
元素。将您的标题包含更改为此{{> header}}
,请注意小插入符号。
编辑:
而不是Router.map
尝试使用Router.route
这样:
Router.route('/', {
name: 'postsList'
});
Router.route({'/posts/:_id',
name: 'postPage',
data: function() {
return Posts.findOne(this.params._id);
}
});