如何设置从数据库中检索到的行为主体初始值？

Question

我通过BehaviorSubject 将数据从父组件传递到其子组件，方法如下（为简洁起见，我简化了该方法）：

const subject = new BehaviorSubject(undefined);

// subscriber A
subject.subscribe((data) => {
    if(data !== undefined)
        ReloadData(data);
    else
         FirstLoadData();
});

subject.next(myDataObtainedFromDatabase);

在父组件中，我将获取的数据传递给订阅主题的所有组件。另一方面，我检查数据参数以检测它是否是第一次加载。在第一次加载时，我从数据库中检索数据，然后将数据传递给组件。

我的问题是，

1)通过使用BehaviorSubject（我不想只使用Subject），有没有更好的方法在第一次加载时在这里加载子组件？

2) 对于从父级向子级传递数据，使用BehaviorSubject 而不是Input() 属性是否更好，即使后者似乎更容易应用？

Answer 1

您使用输入属性将对象从父级传递给子级。在您的父母身上，您从服务中获取数据并将其放在可观察的属性中，例如

data$ = this.dataService.getData();

并在视图中使用异步管道传递数据。

<child-component [data]="data$ | async"></child-component>

并且在子组件中有一个数据输入

@Input()
data: DataType;

现在，当服务在 data$ observable 上调用 next 时，它会神奇地传递给子组件。

无需订阅和管理订阅。