Question

在我的流星项目中，我必须在客户端文件夹中的html页面。一个是home.html，另一个是contact.html。在运行项目浏览器时显示两个页面。我的第一个问题是如何只运行第一页。菜单部分中的第二个，当我点击联系人选项卡时，它应该在联系页面上呈现。无论如何在流星中加载一页到另一页。

Answer 1

请阅读：https://github.com/iron-meteor/iron-router/tree/devel/examples

JS文件：

Router.route('/', function () {
// render the Home template with a custom data context
this.render('Home', {data: {title: 'My Title'}});
});
// when you navigate to "/one" automatically render the template named "One".
Router.route('/Home');
// when you navigate to "/two" automatically render the template named "Two".
Router.route('/Contact');

HTML文件：

<head>
    <title>basic</title>
</head>
<template name="Home">
    {{> Nav}}
    <h1>Home</h1>
    <p>Data Title: {{title}}</p>
</template>
<template name="One">
    {{> Nav}}
    <h1>Page One</h1>
</template>
<template name="Two">
    {{> Nav}}
    <h1>Page Two</h1>
</template>
<template name="Nav">
    <ul>
        <li>
            <a href="/">Home</a>
        </li>
        <li>
            <a href="/one">Page One</a>
        </li>
        <li>
            <a href="/two">Page Two</a>
        </li>
    </ul>
</template>

Answer 2

一种方法是使用Iron router这样的软件包：https://github.com/iron-meteor/iron-router

然后您就可以设置以下路线： //定义根路由并呈现主页模板

 Router.route('/', function () {
      this.render('home');
    });

一旦定义了各种路线（映射到相应的模板），您就可以执行以下操作：

<nav>
  <a href="{{ pathFor 'contact' }}">Contact</a>
</nav>

如何在流星中从一个页面导航到另一个页面

2 个答案: