Javascript 角度2订阅的备选方案

因此，我有以下代码：

this.firebase.database.list（'/schedule'，{query:{orderByChild: 'user_day'，equalTo:this.currentUser.uid+'''+day}） .订阅（数据=>{

有没有其他的订阅方式，我可以告诉你吗？因为我知道这是实时的，而且会弄乱我的代码

我想做的是，如果数据库中存在一个密钥，我需要知道是否需要更新或插入，但对于我当前的代码，它在2-3次更新后会中断，我认为这是因为订阅

完整代码

var schedule = this.firebase.database.list('/schedule');

this.firebase.database.list('/schedule',{query: {orderByChild: 'user_day',equalTo: this.currentUser.uid+'_'+day }})
.subscribe(data => {
    if(data.length == 0){
        //insert
        schedule.push({from : from, to : to, user_id : this.currentUser.uid, user_day: this.currentUser.uid+'_'+day,day : day});
    }else{
        //update
        schedule.update(data[0].$key,{from : from, to : to});
        console.log(from,to);
    }
});

---

后续加载包含可观察/订阅的组件时出现异常错误，可能是由于在销毁组件时订阅了可观察，而没有取消订阅，因此订阅会持续，并且当组件再次加载时，可观察会多次响应组件请求。这些订阅积累

为了防止这种情况，并防止内存泄漏，您应该在销毁每个组件时取消订阅Observable

将这些导入添加到组件中

import 'rxjs/add/operator/takeUntil';
import { Subject } from 'rxjs/Subject';

在你的类中添加这个-我通常在构造函数上面这样做

  private ngUnsubscribe: Subject<any> = new Subject<any>()

然后将其添加到.subscribe之前（在使用倍数的组件中的每个.subscribe之前应使用此确切语法）

所以在你的情况下，看起来是这样的

this.firebase.database.list('/schedule',{query: {orderByChild: 'user_day',equalTo: this.currentUser.uid+'_'+day }})
.takeUntil(this.ngUnsubscribe)
.subscribe(data => {
    if(data.length == 0){
        //insert
        schedule.push({from : from, to : to, user_id : this.currentUser.uid, user_day: this.currentUser.uid+'_'+day,day : day});
    }else{
        //update
        schedule.update(data[0].$key,{from : from, to : to});
        console.log(from,to);
    }
});

this.firebase.database.list('/schedule',{query: {orderByChild: 'user_day',equalTo: this.currentUser.uid+'_'+day }})
.takeUntil(this.ngUnsubscribe)
.take(1)
.subscribe(data => {
    if(data.length == 0){
        //insert
        schedule.push({from : from, to : to, user_id : this.currentUser.uid, user_day: this.currentUser.uid+'_'+day,day : day});
    }else{
        //update
        schedule.update(data[0].$key,{from : from, to : to});
        console.log(from,to);
    }
});

因此，发生的情况是，订阅将保持活动状态，直到您导航离开组件，此时Ngondestory将触发从可观察对象干净地取消订阅的命令

看看这是否能解决多次更新后出现的问题

可观察性是一个很好的特性，虽然有一些奇怪的问题（比如这一个）一开始可能会令人沮丧，但一旦你对它们进行了分类，你可能会爱上它们

根据您的控制台日志，看起来您正在获得一个恒定的数据流，在这种情况下，您可以使用take（x）操作符从可观察对象中获取单个值

import 'rxjs/add/operator/take'

然后在.subscribe之前添加

所以在你的情况下，看起来是这样的

this.firebase.database.list('/schedule',{query: {orderByChild: 'user_day',equalTo: this.currentUser.uid+'_'+day }})
.takeUntil(this.ngUnsubscribe)
.subscribe(data => {
    if(data.length == 0){
        //insert
        schedule.push({from : from, to : to, user_id : this.currentUser.uid, user_day: this.currentUser.uid+'_'+day,day : day});
    }else{
        //update
        schedule.update(data[0].$key,{from : from, to : to});
        console.log(from,to);
    }
});

this.firebase.database.list('/schedule',{query: {orderByChild: 'user_day',equalTo: this.currentUser.uid+'_'+day }})
.takeUntil(this.ngUnsubscribe)
.take(1)
.subscribe(data => {
    if(data.length == 0){
        //insert
        schedule.push({from : from, to : to, user_id : this.currentUser.uid, user_day: this.currentUser.uid+'_'+day,day : day});
    }else{
        //update
        schedule.update(data[0].$key,{from : from, to : to});
        console.log(from,to);
    }
});

它是如何破坏的？您应该在销毁组件（Ngondestory）时取消订阅，这样您就不会在随后的重新加载中累积多个订阅。我有一个（ionChange）=“小时选择（工作日、孩子、复选框）”执行代码的事件，经过3次更改后，它会在选项卡上消耗800mb的ram，所以我猜是因为订阅了感谢您的回答！太棒了！但奇怪的是，它仍然在发生，请查看控制台日志，我想知道使用一个值而不是流是否可以解决这个问题。导入'rxjs/add/operator/take'，然后添加.take（1）在.subscribe之前-看看这是否会改变行为。是的，采取（1）有效，先生！更新您的答案，以便我可以接受它。