readyHaHostのsignedInプロパティがready関数呼び出しでfalseである

Question

ユーザーが要素の作成時にログインしているかどうかを確認し、ユーザーがそうでない場合はリダイレクトします。問題は、ユーザーがsignedInであってもdomHost.signedInプロパティがfalseであることです。後でプロパティをチェックすると（たとえば、ボタンタップで関数を呼び出すときなど）、そのプロパティは真であるはずです。

<link rel="import" href="../bower_components/polymer/polymer.html"> 

<link rel="import" href="/bower_components/paper-button/paper-button.html"> 

<dom-module id="settings-view"> 
    <template> 
     <style> 
     </style> 
     TODO: user settings 
     <paper-button on-tap="debugFunction">button</paper-button> 
    </template> 

    <script> 
     Polymer({ 
      is: 'settings-view', 

      ready: function() { 
       console.log(this.domHost.signedIn); // false 
       console.log(this.domHost.user); // null 
      }, 

      debugFunction: function() { 
       console.log(this.domHost.signedIn); // true 
       console.log(this.domHost.user); // user object 
      } 
     }); 
    </script> 
</dom-module> 

ユーザーが子要素にsignedInあるかどうかを確認するための最良の方法は何ですか：ここ

は、コードのですか？ signedInの値をiron-meta要素に設定する方がよいでしょうか？

おかげで、月

Answer 1

あなたはそれらの上にobserversでプロパティを宣言する方がいいでしょう。オブザーバは、プロパティの値がundefined以外の値になるとすぐに関数を実行します。だからあなたのコードは次のようになります。

<link rel="import" href="../bower_components/polymer/polymer.html"> 

<link rel="import" href="/bower_components/paper-button/paper-button.html"> 

<dom-module id="settings-view"> 
    <template> 
     <style> 
     </style> 
     TODO: user settings 
    </template> 

    <script> 
     Polymer({ 
      is: 'settings-view', 

      properties: { 
       signedIn: { 
        type: Boolean, 
        observer: '_signedInChanged' 
       }, 

       user: { 
        type: Object, 
        observer: '_userChanged' 
       }, 
      }, 

      _signedInChanged: function (newSignedInValue) { 
       console.log(newSignedInValue); // true 
       console.log(this.signedIn); // true 
      }, 

      _userChanged: function (newUserValue) { 
       console.log(newUserValue); // user object 
       console.log(this.user); // user object 
      } 
     }); 
    </script> 
</dom-module> 

あなたはJavaScriptやデータバインディングを通じてそれらsignedInとuser値を更新する場合次に、観察者は、関連する関数を呼び出します。