0
我正在使用主模板和{{> yield}}
语句来呈现我的流星JS页面。这是它的样子:流星JS不呈现主模板的页面标题
<template name="main">
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title</title>
<link rel="author" href="humans.txt">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/spacers.css">
</head>
<body>
<div class="container">
{{> yield}}
</div>
<!-- Bootstrap JS -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</template>
有了它,我使我的实际网页EQ:
<template name="home">
HOME
</template>
这一切是功能,因为我使用Iron Router像这样:
Router.configure({
layoutTemplate: "main",
notFoundTemplate: "404"
});
Router.route("/", function() {
this.render("home");
});
我面临的问题是页面标题没有被渲染。我期望页面标题为“标题”,因为我已将<head> -> <title>
定义为“标题”(正如您可以在我的主模板中看到的那样)。
这里的奇怪之处在于所有的CSS都会加载,这表明<head>
部分至少部分被渲染。