角度视图未根据新的可观察数据更新

Question

我有一个角度分量 使用这样的构造函数：

    newTrips$: Observable<Trip[]>;
    constructor(private store: Store<fromRoot.State>, private tripFeedService: TripFeedService) {
       this.newTrips$ = store.select(fromRoot.getTripFeedUnreadTrips);
       this.newTrips$.subscribe(x => { console.log('subscribe'); console.log(x); });
    }

在我看来是这样的：

<div *ngFor="let trip of newTrips$ | async">test</div>

问题是如果页面加载时 Trip[] 为空。视图中的 ngfor 永远不会被调用。我的控制台确实显示了显示“订阅”的日志消息和列表中的对象。如果刷新页面，项目就会显示出来，并且 observable 的所有后续更改都会正确显示在控制台和 ui 中

Answer 1

由于您在ngFor 中使用了async，因此无需在构造函数中订阅 observable。

newTrips$: Observable<Trip[]>;
    constructor(private store: Store<fromRoot.State>, private tripFeedService: TripFeedService) {
       this.newTrips$ = store.select(fromRoot.getTripFeedUnreadTrips);
    }