首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >显示在单个窗口中的流星Html页面

显示在单个窗口中的流星Html页面
EN

Stack Overflow用户
提问于 2015-10-27 07:20:26
回答 1查看 38关注 0票数 0

在运行应用程序时,我尝试使用铁路由器来路由events.But上的html页面,所有页面都出现在主页本身,而单击事件没有按下面的方式路由页面needed.The JS代码

代码语言:javascript
复制
    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");
    }
    }  
    });

上面是一个登录页面,条件是“交易”或“实践”,当我把pages.The放在文件夹中的时候,登录和仪表板页面都会出现在同一个窗口中。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-10-27 10:30:56

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

代码语言:javascript
复制
<html>
    <title>Sample title</title>
    <body>Sample Text</body>
</html>

对于meteor,html页面应该如下所示

代码语言:javascript
复制
<template name="login">
     Sample Text
</template>

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

代码语言:javascript
复制
Router.route('/login', function (){
    this.render('login.html');
});

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

代码语言:javascript
复制
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");
        }
    }  
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33361989

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档