属性 赋值和模板 dom-if , firebase-auth

Question

我正在使用 firebase-auth，在加载基于 signedIn 值的页面时遇到问题。问题是，signedIn 的初始值为 false，然后为 true。问题是即使用户登录，他们也可以在一段时间内看到登录页面，然后它就会隐藏。有解决此问题的想法吗？

signedIn - inital load value "false"
signedIn - inital load value "true"

<firebase-auth
       app-name="app1"
       id="auth"
       signed-in="{{signedIn}}"
       user="{{user}}"
    on-signed-in-changed="_onSignedInChanged" >        
</firebase-auth>

<template is="dom-if" if="[[!signedIn]]">
        <login></login>
</template>

// executing two times
_signedInValueChanged: function(newVal, oldVal){
        console.log("_signedInValueChanged newVal " + newVal)
        console.log("_signedInValueChanged oldVal " + oldVal)
}

Answer 1

我的好技巧:)
此问题适用于获取数据以构成其视图的任何页面。

我到处都使用页面过渡，简单的淡入和淡出可以给我额外的时间来调整视图，同时仍然提供出色的用户体验。 neon-animation