聚合物2.0，物業訪問

Question

我有一個非常簡單的組件，它使用用戶名/密碼進行登錄。該模板有一個調用「login（）」方法的按鈕。控制檯顯示用戶名/密碼都未定義。我嘗試了一切，但沒有任何工作我在做什麼錯了？

<template> 
    <style> 
     :host { 
      display: block; 
     } 
    </style> 
    <h2>Hello [[prop1]], authenticated=[[authenticated]]!</h2> 
    <div> 
     <div><label>Username: </label><input value="{{username::input}}"></input></div> 
     <div><label>Password: </label><input type="password" value="{{password::input}}"></input></div> 
     <div> 
      <button onclick="{{logIn}}" raised>Log in</button> 
     </div> 
    </div> 
</template> 

這裏是登錄方法：

 logIn() { 
      console.log("username="+this.username+", password="+this.password); 
     } 

Answer 1

也許紙張輸入解決您的問題

<template> 
    <style> 
     :host { 
      display: block; 
     } 
    </style> 
    <h2>Hello [[prop1]], authenticated=[[authenticated]]!</h2> 
    <div> 
     <div><label>Username: </label><paper-input id="usn" value="{{username}}"></input></div> 
     <div><label>Password: </label><paper-input id="pwd" type="password" value="{{password}}"></input></div> 
     <div> 
      <button onclick="[[logIn]]" raised>Log in</button> 
     </div> 
    </div> 
</template> 

在另一方面，你可以嘗試改變你的登錄方法，這也應該工作只需輸入不要忘記設置ID：

logIn() { 
     console.log("username="+this.$.usn.value+", password="+this.$.pwd.value); 
    }