当前位置:  开发笔记 > 编程语言 > 正文

Subject.next没有在ngOnInit中触发

如何解决《Subject.next没有在ngOnInit中触发》经验,为你挑选了1个好方法。

有谁为什么这个代码(从主题初始化一个值)不起作用?有没有错误或设计?我究竟做错了什么?

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 = new Subject();

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

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

HTML

  • {{item.name}}

Steveadoo.. 9

这似乎是一个时间问题,如果你把它扔进一个setTimeout就行了.

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

编辑

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



1> Steveadoo..:

这似乎是一个时间问题,如果你把它扔进一个setTimeout就行了.

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

编辑

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


将`Subject`更改为`BehaviorSubject`,如:`itemSupplier $:BehaviorSubject = new BehaviorSubject ([]);`确实有效.
推荐阅读
LEEstarmmmmm
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有