显示地图后可观察

Question

我尝试显示项目列表（分页）的一部分。 我的模板：

<div class="notif" *ngFor="let notif of paginate() | async"> 
    {{notif.name}} 
</div> 

在我的组件，如果我做的：

public notifications: Observable<Notification[]>; 
public paginate(): Observable<Notification[]> { 
    return this.notifications; 
    } 

这是工作，但如果我这样做：

public notifications: Observable<Notification[]>; 
public paginate(): Observable<Notification[]> { 
    return this.notifications.map((notif: Notification[]) => { 
    return notif; 
    }); 

它不工作了（I”已经简化了功能以理解发生了什么）。 .map回收一个可观察的权利？所以它应该两种方式工作？

Answer 1

这是错误的，因为您试图在返回通知Observable []的函数中返回Notification []，所以不起作用。 如果您需要通知[]，那么您需要订阅Observable。

您无法将Observable映射到其他类型。

例如

public paginate(): Observable<Notification[]> { 
    return this.notifications; 
    }); 


notificationArr: Notification[]; 

// This needs to be inside a method not in the class declaration of variables and methods 
paginate().subscribe((notif: Notification[]) => { 
return (this.notificationArr = notif); 

    }); // should populate your array