在运行应用程序时,我尝试使用铁路由器来路由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");
}
}
});上面是一个登录页面,条件是“交易”或“实践”,当我把pages.The放在文件夹中的时候,登录和仪表板页面都会出现在同一个窗口中。
发布于 2015-10-27 10:30:56
为了显示页面,我们应该以模板形式转换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");
}
}
});https://stackoverflow.com/questions/33361989
复制相似问题