Question

我在Angular 6中有以下代码，之前工作正常。

 getNavigation(db): any {
    return db.list('/pages', ref => {
        let query = ref.limitToLast(100).orderByChild('sortOrder');
        return query;
    }).snapshotChanges().map(changes => {
        return changes.map(change => ({key: change.payload.key, ...change.payload.val()}));
    });
}

突然，最近的一些库更新（rxjs ??）会引发错误？什么语法改变突然破坏了我的代码？

ERROR TypeError：db.list（...）。snapshotChanges（...）。map不是功能在NavigationComponent.push ../ src / app / navigation.component.ts.NavigationComponent.getNavigation

或者更重要的是，我该如何解决？： - （

Answer 1

管道地图操作员：

getNavigation(db): any {
    return db.list('/pages', ref => {
        let query = ref.limitToLast(100).orderByChild('sortOrder');
        return query;
    }).snapshotChanges().pipe(
map(changes => {
        return changes.map(change => ({key: change.payload.key, ...change.payload.val()}));
    }));
}

还要确保以正确的方式导入map：

import {map} from 'rxjs/operators';

Answer 2

好的，终于搞清楚了。

以下是遇到类似问题的任何人的工作代码：

import { Component } from '@angular/core';
import { Observable}  from 'rxjs';
import { AngularFireDatabase, AngularFireList } from 'angularfire2/database';
import { map } from 'rxjs/operators';
import { LogoComponent } from './logo.component';

@Component({
    selector: 'app-navigation',
    templateUrl: './navigation.component.html'
})


export class NavigationComponent {
    items: Observable<any[]>;
    childItems: Observable<any[]>;

    constructor(db: AngularFireDatabase) {
        this.items = this.getNavigation(db);
        this.childItems = this.getNavigation(db);
    }

    getNavigation(db: AngularFireDatabase): any {
        return db.list('/pages', ref => {
            let query = ref.limitToLast(100).orderByChild('sortOrder');
            return query;
        }).snapshotChanges().pipe(
            map(pages => {
                return pages.map(p => ({ key: p.key, ...p.payload.val() }));
            })
        );
    }
}

要解决打字稿错误，我必须输入db getNavigation参数。

然后我必须删除对此问题的反馈和AngularFire的迁移文档中显示的不必要的订阅功能。虽然在某些用例中这可能是必要的，但它不属于我的。

RXJS最近发生了重大变化吗？

2 个答案: