Javascript 如何获得一个模板来替换现有模板，而不是附加到现有模板？_Javascript_Html_Templates_Meteor_Iron Router

Javascript 如何获得一个模板来替换现有模板，而不是附加到现有模板？

javascript html templates meteor

Javascript 如何获得一个模板来替换现有模板，而不是附加到现有模板？,javascript,html,templates,meteor,iron-router,Javascript,Html,Templates,Meteor,Iron Router,我正在尝试在Meteor应用程序中从主页导航到另一个页面（模板）我安装了iron:router软件包并添加了以下代码：首先，我的html文件中的此模板（占位符内容）： <template name="scheduleOpenExisting"> <h2>Open Existing Schedule</h2> </template> …最后，将其添加到菜单项： <li><a href="{{pathFor route=

我正在尝试在Meteor应用程序中从主页导航到另一个页面（模板）

我安装了iron:router软件包并添加了以下代码：

首先，我的html文件中的此模板（占位符内容）：

<template name="scheduleOpenExisting">
    <h2>Open Existing Schedule</h2>
</template>

…最后，将其添加到菜单项：

<li><a href="{{pathFor route='scheduleOpenExisting'}}">Open Existing</a></li>

…并将看看它是否仍然有效，是否与新的项目结构有任何不同

更新2 它仍然做同样的事情，即使是经过修改的结构——模板插入到页面底部

尽管如此，Meteor在整个创作中移动文件后仍然运行良好，这真是太棒了。其他环境可能会中断，并在执行此类操作时抛出误导性错误MSG

更新3 在\client\main.html中，我得到了以下信息：

<head>
    <TITLE>Crew Scheduler</TITLE>
</head>

<body TEXT="#000000">

<div class="container">
    {{> mnuScheduler}}
    {{> tblScheduler}}
</div>

</body>

<template name="mnuScheduler">
    <ul class="top-level-menu">
        <li> <a href="#">Schedules</a>
            <ul class="second-level-menu">
                <li><a href="{{pathFor route='scheduleOpenExisting'}}">Open Existing</a></li>
 . . .<template name="tblScheduler">. . .

<template name="scheduleOpenExisting">
    <h2>Open Existing Schedule</h2>
</template>

Router.route('/scheduleOpenExisting');

你的主页代码是什么？如果它是纯HTML代码（不是在模板中），Meteor将始终首先使用它。。。您有

main

模板吗？它在模板中。我没有“主”模板。但无论如何，根据它现在的工作方式，似乎从一个“页面”（模板）移动到另一个“页面”（模板）只需将新的页面附加到最后一个页面下方…。。。@B.ClayShannon您是否尝试过为路由器定义默认模板布局，并为不同的路由定义不同的模板布局？请您发布一个复制，一个MCVE？@B.ClayShannon也许你会？你的主页代码是什么？如果它是纯HTML代码（不是在模板中），Meteor将始终首先使用它。。。您有

main

模板吗？它在模板中。我没有“主”模板。但无论如何，根据它现在的工作方式，似乎从一个“页面”（模板）移动到另一个“页面”（模板）只需将新的页面附加到最后一个页面下方…。@B.ClayShannon您是否尝试过为路由器定义默认模板布局，并为不同的路由定义不同的模板布局？您是否可以发布一个repo，一个MCVE？@B.ClayShannon也许您会这样做？

<head>
    <TITLE>Crew Scheduler</TITLE>
</head>

<body TEXT="#000000">

<div class="container">
    {{> mnuScheduler}}
    {{> tblScheduler}}
</div>

</body>

<template name="mnuScheduler">
    <ul class="top-level-menu">
        <li> <a href="#">Schedules</a>
            <ul class="second-level-menu">
                <li><a href="{{pathFor route='scheduleOpenExisting'}}">Open Existing</a></li>
 . . .<template name="tblScheduler">. . .

<template name="scheduleOpenExisting">
    <h2>Open Existing Schedule</h2>
</template>

Router.route('/scheduleOpenExisting');