流星得到鐵的事件：路由器控制器

Question

我在流星的網站上工作。我剛開始使用控制器，但不知道如何獲得按鈕點擊的例子。

我有以下temnplate：

<template name="login"> 
    <form> 
     <input type="email" name="loginEmail"> 
     <input type="password" name="loginPassword"> 
     <input type="submit" class="login" value="Login"> 
    </form> 
</template> 

而且我的控制器：

LoginController = RouteController.extend({ 
    template: 'login', 

    'click .login': function(e, t) { 
     alert('submit button is clicked'); 
    } 
    }); 

現在，當我點擊提交按鈕的頁面重新加載和所有數據直接傳送到URL。這根本不是我想要的。我想讓警報彈出。

我不知道從哪裏開始，我認爲這與我不瞭解我應該使用控制器的方式有關。使用控制器之前，這工作：

Template.login.events({ 
    'submit form': function(event){ 
     event.preventDefault(); 
     var emailVar = event.target.loginEmail.value; 
     var passwordVar = event.target.loginPassword.value; 
     Meteor.loginWithPassword(emailVar, passwordVar); 
     console.log('loggin in'); 
    } 
}); 

那麼我怎麼能在我的控制器內實現相同的東西？或者我應該爲它做一個方法？

注：我用的鐵：路由器調用控制器：

Router.route('/login', { 
    name: 'login', 
    controller: 'LoginController' 
}); 

Answer 1

你的問題來自於一個事實，即「提交」類型的input將提交表單，這將觸發頁面重載的表單的默認目標是相同的網址。 所以，你必須避免你的按鈕的默認行爲，以避免提交表單，像這樣：

'click .login': function(e, t) { 
    e.preventDefault(); 
    alert('submit button is clicked'); 
} 

而且，你不能在一個RouteController模板的事件，你將不得不堅持Template.login.events，你實際上在做的存在。但是，您可以將事件改變從submit form到click .login這樣的：

Template.login.events({ 
    'submit form': function(event){ 
    event.preventDefault(); 
    var emailVar = event.target.loginEmail.value; 
    var passwordVar = event.target.loginPassword.value; 
    Meteor.loginWithPassword(emailVar, passwordVar); 
    console.log('loggin in'); 
    } 
    //OR 
    'click .login': function (event) { 
    event.preventDefault(); 
    //your logic here 
    } 
}); 

Answer 2

我認爲，你只有在觸發警報前添加一個「的preventDefault」，使其工作。

所以，你應該修改代碼如下所示：

LoginController = RouteController.extend({ 
    template: 'login', 

    'click .login': function(e, t) { 
     e.preventDefault(); 
     alert('submit button is clicked'); 
    } 
    });