聚合物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); 
    }