ユーザー資格情報に関する特定のUIを有効にします。

Question

私は様々なユーザーによって投稿された情報を含むペーパーカードのリストを持っています。これは、ユーザーがWebアプリケーションにアクセスしたときに発生します。

1. 彼らは彼らの項目
自分のメールアドレスがfirebase.authを使用して照会され
2. （）。currentUser.emailについての情報を投稿し、一緒にデータベースに格納され
3. 自分のメールアドレスとパスワードを使用してログイン彼らが投稿した情報

だから、私は何をしたいことは、現在ログインしているユーザーの電子メールを取得し、電子メールは、キーの子ノードのものと同じであり、彼らが同じであれば、私は有効にするかどうかを確認していますポストを削除するために使用できるボタンです。

次のコードを試しましたが、動作しません。

EDITED CODE

uploadsRef.on('value', function(snap) { 
     var data = _.map(snap.val(), function (item, key) { 
     item.key = key; 
     var mail = item.email; 
     console.log(mail); 
     firebase.auth().onAuthStateChanged(firebaseUser => { 
      if(firebaseUser){ 
      var user = firebase.auth().currentUser; 
      var usr_mail = user.email; 
      console.log(usr_mail); 
      if(mail == usr_mail){ 
       item.hidden = 'disp'; 
      } 
      } 
      else{ 
      if(mail != usr_mail){ 
       item.hidden = 'hidden'; 
      } 
      } 
     }); 

     return item; 
     }); 
     myFeed.splice.apply(myFeed, ['datas', 0, myFeed.length].concat(data)); 
    }); 

Answer 1

私はあなたがthisは、コンテキストの外でていることはほぼ確実です。試してくださいmyFeed.$.sold.classList.remove('hide')。

また、classListを手動で使用せずに、クラスに要素をバインドすることもできます。あなたはここで間違った変数を比較しているようなので、今、あなたはすべての非所有者のために「隠れ」にitem.hiddenセットを持っていることを

var myFeed = this; 
var uploadsRef = firebase.database().ref('cattle/data'); 

uploadsRef.on('value', function(snap) { 
    var data = _.map(snap.val(), function (item, key) { 
    item.key = key; 
    var mail = key.email; 
    var user = firebase.auth().currentUser; 
    var usr_mail = user.email; 
    if(mail !== usr_mail){ 
     item.hidden = 'hidden'; 
    } 
    return item; 
    }); 
    myFeed.splice.apply(myFeed, ['datas', 0, myFeed.length].concat(data)); 
}); 

...

<style> 
    .hidden {display: none;} 
</style> 
<div class$="[[item.hidden]]"></div>