Meteor Html頁面出現在單個窗口中

我正嘗試使用鐵路由器在點擊事件上路由html頁面。但是當我運行應用程序時，所有頁面都出現在主頁面本身，而點擊事件不會路由頁面needed.The JS代碼如下Meteor 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"); 
     Meteor.Router.to("/dashboard"); 

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

如上是爲「交易」或「實踐」路由到不同pages.The一刻我放在dashboard.html中的條件的登錄頁面文件夾中，登錄和儀表板頁面都出現在同一個窗口中。

來源

2015-10-27 user1662039

沒有change.Still兩者的login.html和dashboard.html出現在同一頁面window.On帳號提交=處理頁面刷新和保持same.Also，因爲我已經添加了鐵：路由器對於這個項目來說，鐵路路由器的問題也出現在了html.Need幫助中，因爲我找不到解決這個問題的方法。 – user1662039

對於顯示頁面，我們應該以模板形式轉換html頁面。讓說的login.html如下

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

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

來源

2015-10-27 10:30:56

是的，謝謝Vidya。這對我有效。 – user1662039

Meteor Html頁面出現在單個窗口中

回答

相關問題