setInterval() 不设置数据而不刷新角度组件中的页面

Question

这是我的角度分量 -

export class UserListComponent implements OnInit, OnDestroy {
  private _subscriptions: Subscription;
  private _users: User[] = [];
  private _clickableUser: boolean = true;

  constructor(
    private route: ActivatedRoute,
  ) { }

  ngOnInit() {
    const source = interval(1000);
    const users = this.route.snapshot.data['users'] as IUserInterface[];

    this._subscriptions = source.subscribe(() => this._users = users.map(user => new User(user)))

  }

  ngOnDestroy() {
    this._subscriptions.unsubscribe();
  }

我得到了数据，但是没有刷新间隔没有设置。

Answer 1

ngOnInit() 仅在第一次创建组件时被调用一次。这意味着您的活动路由只被读取一次，这也意味着您的 users 数组始终是同一个。

我猜您每次更新路由数据时都会尝试更新您的组件。为此，您需要订阅this.route.data（注意我没有包括snapshot）。它看起来像这样：

this._subscriptions = this.route.data.subscribe(data => this._users = data['users'].map(user => new User(user));