Meteor Html页面显示在单个窗口中_Meteor_Iron Router

Meteor Html页面显示在单个窗口中

meteor

Meteor Html页面显示在单个窗口中,meteor,iron-router,Meteor,Iron Router,我试图使用iron router在单击事件上路由html页面。但是当我运行应用程序时，所有页面都显示在主页本身中，而单击事件不会路由所需的页面。JS代码如下所示 Template.Login.events({ 'submit form': function(){ event.preventDefault(); var username = $('[name=userId]').val(); var password = $('[name=password]

我试图使用iron router在单击事件上路由html页面。但是当我运行应用程序时，所有页面都显示在主页本身中，而单击事件不会路由所需的页面。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");
    }
    }  
    });

如上所述，是一个登录页面，条件为“交易”或“实践”以路由到不同的页面。当我将dashboard.html放入文件夹时，登录页面和dashboard页面都显示在同一窗口中。

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

<html>
    <title>Sample title</title>
    <body>Sample Text</body>
</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");
        }
    }  
});

没有任何更改。仍然login.html和dashboard.html都显示在同一个页面窗口中。使用username=deal提交时，页面刷新并保持不变。此外，由于我已将Iron:Router添加到项目中，Iron Router splash也出现在html中。需要帮助，因为我没有找到解决此问题的方法。

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");
        }
    }  
});