Angular 2中异步可观察和管道上的安全导航操作员

疗法

在异步加载的可观察对象上使用安全导航运算符时,我遇到了将空值(而不是讲座数组)传递给管道的问题:

<div *ngFor="let lecture of ((lecturesObservable | async)?.lectures | lectureType: 'main')" class="list-group-item">

演讲型管道

import { Pipe, PipeTransform } from '@angular/core';

import { Lecture } from './lecture';

@Pipe({name: 'lectureType'})
export class LectureTypePipe implements PipeTransform {
    transform(allLectures: Lecture[], lectureType: string): Lecture[]{
        return allLectures.filter(lecture => lecture.type==lectureType);
    }
}

一旦异步加载了这些讲义,就不用管道就可以反复进行这些讲义。这只是我在ng2中必须忍受的东西吗?

道格拉斯

当异步管道的可观察输入尚无值时,该管道将设计为空。所以是的,您将不得不通过设计管道来处理空输入来忍受它。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

角度可观察的Angular2异步管道

如何在Angular中异步管道可观察对象

Angular 6管道操作从可观察的输入中删除输入

Angular2-* ngIf和异步可观察对象

Angular 2-可观察和异步HTTP加载

Angular 5,可观察和异步功能

模板中可观察到的访问,而无需每次都使用安全导航操作符和异步管道

如何使用Angular中的异步管道处理布尔可观察对象

在Angular 2中共享和更新可观察数据

Angular2可观察和无极

使用Angular 2显示来自JSON的数据-可观察和异步

Angular2中的可观察对象

Angular / angularfire2-读取可观察的文档并将数据保存到对象。没有异步管道

angular2-在可观察完成后导航

可观察的Angular [karma]异步测试

带有可观察异步的 Angular if 语句

如何在Angular 6的文本框中使用异步管道处理可观察对象?

Angular Rxjs:使用异步管道连续延迟地发出所有合并的可观察对象

在Angular 2中实现异步排序管道

Angular2 可观察和访问后响应

将可观察对象中的数组与ngFor和Async Pipe Angular 2一起使用

可观察和承诺在Angular中如何工作?

在 Angular/RxJS 中订阅和可观察的键

Angular 2管道,使用正确可观察,我的管道未返回发布路径

在Angular 2中为模拟数据创建可观察对象

Angular2:守卫中的嵌套可观察对象

如何在Angular2中获得可观察的响应?

Angular2如何更新可观察集合中的项目

Angular 2中的身份验证,处理可观察对象