Question

有人为什么这段代码（从Subject初始化一个值）不起作用？有没有错误或设计？我做错了什么？

TS

import { Component, OnInit } from '@angular/core';
import { Subject } from "rxjs";

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.styl']
})
export class AppComponent implements OnInit {
  itemSupplier$: Subject<any[]> = new Subject<any[]>();

  items: any[] = [
    {name: 'Item 1', value: 'item1'},
    {name: 'Item 2', value: 'item2'},
  ];

  ngOnInit(){
    this.itemSupplier$.next(this.items);
  }
}

HTML

<ul>
    <li *ngFor="let item of itemSupplier$ | async">{{item.name}}</li>
</ul>

Answer 1

这似乎是一个计时问题，如果你把它扔进一个setTimeout就行了。

setTimeout(() => this.itemSupplier$.next(this.items), 0)

修改

使用BehaviorSubject实际上是一个更好的主意。这将在订阅时提供最后一个值。

Answer 2

我遇到了同样的问题，并且setTimeout作为一个解决方案是有效的，但是如果分配了Subject的switchMap（）方法输出的Observable订阅了PRIOR以调用next（），我发现我不需要使用setTimeout 。在您的示例中，可能需要创建Observable，直接订阅和更新属性，而不是使用异步管道。

Answer 3

您可以在afterViewinit挂钩中进行下一次调用。异步管道此时将订阅主题

Subject.next没有在ngOnInit中触发

3 个答案: