Polymer 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メソッドである：多分紙-入力はあなたの問題一方

<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> 

を修正

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

Answer 1

も動作するはずです、あなたは、このメソッドにログイン変えてみてください入力だけでIDを設定するのを忘れないでください：

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