Question

我是Meteor的新手。我正在开发一个具有登录页面的应用程序，该登录页面必须根据登录ID重定向到某些页面。某些点击事件会打开html页面。我在页面中有硬编码数据来检查流程。我有html页面设计得很好，但我无法将它们链接到点击事件和登录。请帮忙。

Answer 1

这是一种方法：

在您的HTML文件中，如下所示：

<head>
  <title>Duckbilled Platypus</title>
</head>

<template name='layout'>
  {{> banner}}
  {{> yield}}
</template>

<template name="banner">
  <h1 class="chocolatefont">Platypi of the World Unite! (Duckbilled, that is)</h1>
  <hr/>
</template>

<template name="main">
  <div id="templateMain" name="templateMain">
    <h2>RAVES</h2>
    <p>No Raves yet</p>
    <h2>RANTS</h2>
    <p>No Rants yet</p>
    <h2>RANDOM</h2>
    <a href="nfnoscar">The Legend of NFN Oscar</a>
    <br/><br/>
    <a href="nfnoscarsdonut">NFN Oscar's donut</a>
    <br/><br/>
    <a href="alliterationstation">Alliteration Station ("Ben's Bizarre Bazaar")</a>
    <br/><br/>
    <a href="btakpm">Boomeranging Telescopic and Kaleidoscopic Phrase Mazes</a>
    <br/><br/>
    <a href="acrostics">Acrostics</a>
    <br/><br/>
    <a href="homonyms">Homonym Homie</a>
  </div>
</template>

...然后添加您想要路由到的页面所需的模板;就我而言，每个人都有一个＆＃34; href＆＃34;在锚标签中引用（nfnoscar，nfnoscarsdout等）

＆＃34;产量＆＃34; （这意味着＆＃34;无论路由器对应于URL＆＃34，都插入此处;）需要Iron：Router，你说你已经拥有。

在您的JS文件中，类似这样的内容：

Router.configure({
  layoutTemplate: 'layout'
});
Router.route('/', {
  name: 'main',
  template: 'main'
});
Router.route('/nfnoscar', {
  name: 'nfnoscar',
  template: 'nfnoscar'
});
Router.route('/nfnoscarsdonut', {
  name: 'nfnoscarsdonut',
  template: 'nfnoscarsdonut'
});
Router.route('/alliterationstation', {
  name: 'alliterationstation',
  template: 'alliterationstation'
});
Router.route('/btakpm', {
  name: 'btakpm',
  template: 'btakpm'
});
Router.route('/homonyms', {
  name: 'homonyms',
  template: 'homonyms'
});
Router.route('/acrostics', {
  name: 'acrostics',
  template: 'acrostics'
});

现在，无论点击哪个链接，都会通过＆＃34; yield＆＃34;加载相应的页面。和铁路由器路由。

您可以在我的＆＃34;沙盒＆＃34;中点击链接等，查看此特定应用及其工作原理。 Meteorsite here。

如何在流星点击中路由html页面？

1 个答案: