Meteor Html 个页面出现在单个 window

Question

我正在尝试使用 iron router 在点击 events.But 时路由 html 页面，因为我运行应用程序，所有页面都出现在主页本身中，而点击事件不路由页面 needed.The JS 代码如下

    Template.Login.events({
    'submit form': function(){
    event.preventDefault();
    var username = $('[name=userId]').val();
    var password = $('[name=password]').val();
    if(username == '' && password ==''){
        alert("Please fill all fields...!!!!!!");
    }
    else if( username =='deal' && password ==''){
        alert("You are logged in as a Deal manager");
        Meteor.Router.to("/dashboard");

    }
    else if( username =='practice' && password ==''){
        alert("You are logged in as a Practice manager");
        Meteor.Router.to("/pracDashboard");
    }
    }  
    });

如上所示是一个登录页面，条件为 'deal' 或 'practice' 以路由到不同的 pages.The 时刻我将 dashboard.html 放在文件夹中，两者登录和仪表板页面出现在相同的 window.

Answer 1

为了显示页面，我们应该将 html 页面转换为模板形式。假设 login.html 如下

<html>
    <title>Sample title</title>
    <body>Sample Text</body>
</html>

对于 meteor，html 页面应该是这样的

<template name="login">
     Sample Text
</template>

然后为了显示登录页面，我们需要像这样实现路由

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

因此在提交重定向期间首先设置路由器，然后在事件中。

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

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

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

Template.login.events({
    'submit form': function(){
        event.preventDefault();
        var username = $('[name=userId]').val();
        var password = $('[name=password]').val();
        if(username == '' && password =='') {
            alert("Please fill all fields...!!!!!!");
        } else if( username =='deal' && password =='') {
            alert("You are logged in as a Deal manager");
            Router.go("/dashboard");
        } else if( username =='practice' && password ==''){
            alert("You are logged in as a Practice manager");
            Router.go("/pracDashboard");
        }
    }  
});

Meteor Html 个页面出现在单个 window

Meteor Html pages appearing in single window

meteor

iron-router